Visual Studio Code的九九乘法表
开发工具与关键技术:Visual Studio Code
作者:卢平圣
撰写时间:2022/07/08
注意按照图片步骤操作下去
1.新建一个HTML的文档,并把语言输入进去,title标签里面把名字改为九九乘法表。
2.通过style标签,接着我们来写标签div的样式
首先是宽度width,为80px。
又因为div是行内元素,所以我们需要写上显示行内块级元素:display:inline-block;
添加背景颜色为蓝色,单词为blue
添加文本居中:text-align:center;
给div一个为5px的外边距:margin:5px;
3.完成div标签的样式之后
4.通过script标签来书写Javessprit的样式
我们需要经过双重for循环的语句来进行判断
如图片所示,声明变量var 用i=1,i<=9;进行i++;的第一个变量
5.下面我们来完成第二重的变量细明
因为我们需要变量的元素有两个,乘数与被乘数,而积是通过他们相乘得来的。
第二次for循环的语句,如图片所示
声明变量 var 第二个变量名为j j=1;且j<=i;进行j++的第二次变量。
6.双重变量进行之后,我们接着就来判断
用i * j = i*j,后把他放在div里面
在声明一个自动换行
九九乘法表就做好啦。
这是我Visual Studio Code所学到的九九乘法表,所以我要分享给你们,希望可以帮助到你们。
以上就是我的分享,新手上道,请多多指教。如果有更好的方法或不懂得地方欢迎在评论区教导和提问喔!
Visual Studio Code的九九乘法表相关推荐
- 使用JS代码简单实现九九乘法表
开发工具与关键技术: Visual Studio Code/JS 作者:唐嘉怡 撰写时间:2022/6/18 大家从小学开始就应该被老师要求要熟练背诵九九乘法表吧.那么大家如若要展示给其他不认识九九乘 ...
- 程序员请收好:10个非常有用的Visual Studio Code插件
作者 | Daan 译者 | Elle 出品 | CSDN(ID:CSDNnews) [导读]一个插件列表,可以让你的程序员生活变得轻松许多.无论你是经验丰富的开发人员还是刚刚开始第一份工作的初级开发 ...
- 程序员请收好:10个非常有用的 Visual Studio Code 插件!
一个插件列表,可以让你的程序员生活变得轻松许多. 作者 | Daan 译者 | Elle 出品 | CSDN(ID:CSDNnews) 以下为译文: 无论你是经验丰富的开发人员还是刚刚开始第一份工作的 ...
- python乘法口诀代码-浅析一句python代码成生九九乘法表
print(' '.join([' '.join('%sx%s=%-2s'%(x,y,x*y) for x in range(1,y+1)) for y in range(1,10)])) 最近在os ...
- visual studio code配置项
visual studio code配置项 // 通过将设置放入设置文件中来覆盖设置. {//-------- 编辑器配置 --------// 控制字体系列."editor.fontFam ...
- 九九乘法表(js_javascript)
文具盒正品:九九乘法表 源码:我用的[jQuery] <!DOCTYPE html> <html lang="en"><head><met ...
- Visual Studio Code(VS code)介绍
一.日常安利 VS code VS vode特点: 开源,免费: 自定义配置 集成git 智能提示强大 支持各种文件格式(html/jade/css/less/sass/xml) 调试功能强大 各种方 ...
- qt5使用触屏 偶尔没响应_Qt5+VS2015编程入门示例及注意事项——打印九九乘法表...
在上篇文章中Qt5+VS2015环境配置,已经详细介绍了Qt5.9与VS2015编程环境的搭建步骤,这次给出一个简单的入门示例,演示在VS2015的IDE中,如何使用Qt5.9界面库编写一个简单的打印 ...
- python打印99乘法表_Python 实例:九九乘法表
一次性付费进群,长期免费索取教程,没有付费教程. 教程列表见微信公众号底部菜单 进微信群回复公众号:微信群:QQ群:460500587 微信公众号:计算机与网络安全 ID:Computer-netwo ...
- 使用 Visual Studio Code SQLite 扩展来浏览 SAP Cloud Application Programming 数据库
在 SAP Cloud Application Programming 编程模型里,我们可以使用下面的命令行,使用持久化数据库( persistent database ) 来存储 entity 的数 ...
最新文章
- Eclipse Source not found
- linux系统的学习经验首篇
- Javascript 深入学习循环
- 坐标不显示_Simpack不显示坐标轴方向的解决方法
- autoitv3点击windows界面
- open wrt 跟换主题_换变速箱油的常见疑问解答
- 160805、oracle查询:取出每组中的第一条记录
- 转:在Nginx上配置多个站点
- 我靠ppt做兼职副业,1月还清2W贷款成功上岸!
- java 如何执行dig 命令_dig命令简介
- 磊科nw336 linux驱动程序,磊科NW336无线网卡驱动程序
- 请求服务器获取微信openid,Golang通过小程序获取微信openid的方法示例
- 普通话测试-短文60篇文章,附带拼音(21-30篇)
- 计算机职业资格证学什么,计算机职业资格证书有哪些
- Java POST JSON 数据处理异常 (code 160)): was expecting double-quote to start field name
- WPS Office 2019文字组件插入和改写状态的切换
- 技术解析 | 云游戏在未来如何实现?
- MEDLINE与PubMed有什么区别?检索范围包含哪些?
- P4799 [CEOI2015 Day2] 世界冰球锦标赛
- linux系统下载编译器,linux gcc编译器下载 GNU Compiler Collection(gcc编译器) v4.7.0 for linux版 下载-脚本之家...
热门文章
- 【村长的刷题手册-1】LeetCode刷题笔记,不断总结继续出发
- [UPC] 2021秋组队17
- 传感器实验——无源蜂鸣器
- word如何在任意页开始添加页码
- 单片机STM8S测量电压电路_万用表检测电子电路:电阻测量法,电压测量法
- 复旦-华盛顿大学EMBA科创的奥E丨《神奇的材料》与被塑造的我们
- 查看计算机温度指令,如何查看电脑CPU的温度?查看CPU温度的两种方法
- windows10睡眠问题完美解决,设置睡眠时间不管用怎么办?
- 计算机页面打不开非常卡,电脑卡的厉害几乎打不开网页怎么办
- voip和rtc_VoIP语音通话研究【进阶篇(四):freeswitch+webrtc+sip.js的通话】