任务视频V2.0

任务视频V1.0

知识点

1. for语句

基本语法格式如下：

for (初始化; 循环条件; 增量或减量) {

//JavaScript语句；

}

       其中，初始化参数告诉循环的开始值必须赋予变量初值；循环条件用于判断循环是否终止，若满足条件，则继续执行循环体中的语句，否则跳出循环；增量或减量定义循环控制变量在每次循环时怎么变化。3个条件之间，必须使用分号隔开。For循环适用于已知循环次数的运算。

【示例1】在页面输出6级标题。

<scripttype="text/javascript">

document.write("<h1>在页面显示6级标题</h1>");

for(vari=1;i<=6;i++){

       document.write("<h"+i+">此处是"+i+"级标题");

}

</script>

2. while语句与do…while语句

While语句语法格式如下：

while (条件) {

//JavaScript语句；

}

其特点是先判断后执行，当条件为真时，就执行JavaScript语句；当条件为假时，就退出循环。

do…while语句语法格式如下：

do {

//JavaScript语句；

} while (条件)

该语句表示反复执行JavaScript语句，直到条件为假时才退出循环，与while循环语句的区别在于，do…while循环语句先执行后判断。

【示例2】计算1+2+3+…+100的和。

<scripttype="text/javascript">

var i=sum=0;

while(i<=100)

{

       sum+=i;

       i++;

}

alert("1+2+3+...+100="+sum);

</script>

² 提示：别忘记增加条件中所用的变量的值，即i++，否则会导致浏览器崩溃。

3. for…in语句

使用for…in循环语句可以遍历数组或者对指定对象的属性和方法进行遍历，其语法格式如下：

       for(变量名 in 对象名){

              //JavaScript语句；

}

【示例2-6】使用for..in语句遍历数组。

       <script type="text/javascript">

              var cars=[“Audi”，”Volvo”，”BMW”，”BenZ”]

              for(var i in cars)

              {

                     document.write(cars[i]+”<br/>”);

              }

       </script>

4. 中断循环语句

在JavaScript中，有两种特殊的语句可以用于循环内部，用来终止循环：break和continue。

break:可以立即退出整个循环。

continue:只是退出当前的循环，根据判断条件决定是否进行一下次循环。

教学课件V2.0

教学课件V1.0

实现猜数游戏

任务描述

    系统随机生成一个1-100之间的数，然后让玩家猜该数，如图2-7所示。若玩家猜对该数，游戏则结束；若玩家猜得不对，则计算机告知玩家，数字猜大了还是小了，如图2-8所示；并提示玩家是否继续游戏，玩家点击确定则继续游戏，否则退出游戏

任务分析

要完成猜数游戏，可以采用下列步骤实现：

1. 由系统生成一个1-100之间的随机整数

2. 提示用户输入一个1-100之间的整数，并将用户输入的数转换为整型

3. 将用户输入的数与随机生成的数进行比较，如果相等则提示猜对了，否则给出提示，并询问用户是否继续游戏

4. 如果用户在提示框中点击确定则使用循环重复第一步，直到用户点击取消退出游戏

通过上述分析，要完成该任务需要使用JavaScript中的random（）方法生成随机数以及循环语句。循环语句的作用是反复地执行同一段代码。JavaScript中的循环结构分为for循环、while循环、do-while循环、for-in循环。

任务实现

<script type="text/javascript" language="javascript">

var num = Math.floor(Math.random()*100+1); 　//产生1～100之间的随机整数

do{  

         var guess =parseInt(prompt("下面进行猜数游戏\n请输入1-100之间的整数："，""));

         if(guess > num){

                 alert("^_^ ，你猜的数字大了");

                 go_on =confirm("是否继续游戏？");

                }

         else if(guess < num){

                       alert("^_^ ，你猜的数字小了");

                       go_on=confirm("是否继续游戏？");

                }

               else {

                        alert("恭喜你，猜对了，幸运数字是："+num);

                        break;}

}while(go_on);

alert("谢谢参与游戏！");

输出三角形

    在页面提示用户输入一个整数，当用户输入的值大于5时，在页面输出一个倒三角形，例如输入6，在页面输出如图所示的倒三角形，当输入值小于或等于5时，在页面上输出倒正三角形，例如输入4，在页面输出如图所示的倒正三角形

参考答案