开发工具与关键技术:Visual Studio Code
作者:卢平圣
撰写时间:2022/05/08
注意按照图片步骤操作下去
九九乘法表
- 新建一个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里面
在声明一个自动换行
九九乘法表就做好啦
if....else 语句的判断
在我们日常编写代码中,常常会因为不同的情况,不同的条件去判断,从而
完成这任务,其中便可以使用if...else语句来完成。
if 语句
在一个指定的条件成立时执行代码。
if...else 语句
在指定的条件成立时执行代码,当条件不成立时执行另外的代码。
if...else if....else 语句
使用这个语句可以选择执行若干块代码中的一个。
注意:在使用if...else的判断中,if一定要用小写,大写的IF可能会出错。
If(条件){
条件成立时执行的代码
}else{
条件不成立时执行的代码
}
下面,我们来通过以一个小案例来更好的认识if...else语句的使用
首先,声明一个变量 var num = “3”,接下来,判断如果
num不等于3,或者等于3且大于3时所触发的条件吧
当num等于1时,则会触发“当前值为1”的警示框
当num等于2时,则会触发“当前值为2”的警示框
当num等于3时,则会触发“当前值为3”的警示框
当num大于3时,则会触发“当前值不为“123”的警示框
这就是我们通过不同条件去判定不一样因素时而触发不一样的效果
这是我Visual Studio Code所学到九九乘法表和if...else.语句的判断说明,所以我要分享给你们,希望可以帮助到你们。
以上就是我的分享,新手上道,请多多指教。如果有更好的方法或不懂得地方欢迎在评论区教导和提问喔!