JavaScript编程语法作业

目录

目录

前言

思维导图

1，作业资源

2，if语句练习

2.1代码解读:

2.2,结果展示:

3，switch语句练习

3.1,代码解读:

3.2,结果展示:

4.while循环练习

4.1,代码解读:

4.2.结果展示:

5.do-while循环练习

5.1,代码解读:

5.2,结果展示:

6.for循环练习

6.1,代码解读:

6.2,结果展示:

7，总结

---

前言

    本篇文章是对于javaScript中if ,switch,while ,do-while,,for语法的作业练习.对于我来说也是对自己知识掌握的一种检验.

思维导图

1，作业资源

css代码部分: 此文件保存在style.css文件中,因后续所有作业都会使用本次样式

body {
	background-color: #523620;
	color: #fff;
	font-family: 微软雅黑,黑体;
	font-size: 150%;
	margin: 0px 0px 0px 0px;
}

h1 {
	background-image: url('images/bullseye-logo.png');
	background-repeat: no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	height: 109px;
	width: 643px;
	margin: 40px auto;
}

#teacher {
	float:right;
	margin:135px 30px 0px 0px;
}

#page1 {
	background-color: #fecc6f;
	height: 730px;
	padding: 10px;
	min-width: 779px;
}

#answer {
	background-color: #425a5a;
	border: 25px solid #523620;
	border-radius: 20px;
	padding: 40px 20px;
	margin: 0px auto;
	height: 370px;
	width: 600px;
	text-align: center;
}

图片部分在images文件夹中:

2，if语句练习

               如果不知道输出文本到页面的基础方面的知识,那么可以看我前面的文章:

                                                  JavaScript基础输出

2.1代码解读:

                                  这里是对if语句与else if 语句的练习

其中语法格式为(这里用法与c语言一致):

 if{

     代码块

}

else if {

 代码块

}

  

      
Bullseye
      
      

    

2.2,结果展示:

3，switch语句练习

3.1,代码解读:

                                           这里是对switch语句的练习

语法格式:

switch(判断条件)

{

case 条件1: 代码快;break;

case 条件2: 代码块;break;

}

default : 代码块;  //如果条件都不都满足,执行代码块

    

      
Bullseye
      
      

    

3.2,结果展示:

4.while循环练习

4.1,代码解读:

                                       这里是对于while循环的练习

语法格式:

while(循环条件){

   代码块;

   控制循环的条件(i++);

}

`${i} * 5 = ${result}
`  其中`  ` 为使用站位符时必须使用的符号

${}代表站位符,如果学过python就知道,这是在f"{name}"初始化,代表将上面代码中的变量的值填写在其中.

    

      
Bullseye
      
      
1x5=5
2x5=10
……
9x5=45
    

4.2.结果展示:

5.do-while循环练习

5.1,代码解读:

                                          这里是对do-while循环的练习

语法格式:

do{

      代码块;

}while(控制条件);

    

      
Bullseye
      
      
1x5=5
2x5=10
……
9x5=45
    

5.2,结果展示:

6.for循环练习

6.1,代码解读:

                                                   这里是for循环练习

语法格式:

for(定义式;条件判断;迭代){

      代码块;

}

字符拼接 + "
" 代表换行    字符拼接使用 + 号

    

      
Bullseye
      
      
第1关：10
第2关：20
第3关：30
    

6.2,结果展示:

7，总结

本篇文章主要是对js的基础语法进行的一次练习,通过有趣的示例进行练习,使得对于代码能够增加印象,对于知识的掌握更加透彻.

每日一言

每一个不曾起舞的日子，都是对生命的辜负。

  如果我的学习笔记对你有用，不妨点赞收藏一下，感谢你的支持，当然也欢迎大佬给我一下建议或是对笔记中的不足进行补充，对我学习大有帮助，谢谢。