流程控制语句

流程控制语句

1.首先创建好 html 的格式（！+Tab），然后在 body 设置一个form标签（form action=“javascript：”），然后在其下面创建八个p标签，在p标签里面设置input标签，设置好想要设置的内容，如下图：

2.在大的form标签里面再建一个p标签并在这个p标签里面创建三个button标签给予id名并在button标签里面写上对应的名字，如下图：

 

 

3.在form标签下面创建script标签；，然后获取我们上面写的id，（var 自己想的变量名 = document.getElementById（“id名”））如下图：

 

4.设置第一个按钮全选；用我们刚刚设置好的变量名给第一个按钮设置点击事件并给予判断（变量名.οnclick=function（）{}）如下图：

 

5.设置第二个按钮全不选；用我们刚刚设置好的变量名给第二个按钮设置点击事件并给予判断（变量名.οnclick=function（）{}）如下图：

 

6.设置第三个按钮反选；用我们刚刚设置好的变量名给第三个按钮设置点击事件并给予判断和三元运算（变量名.οnclick=function（）{}）如下图：

 

7.效果图：

 

以上。