任务一:猜数字游戏
任务要求:
班级内开展活动日,老师提出了猜数字游戏,游戏的规则如下。
老师随机抽取一个1~10的数字,同学们来猜这个数字。
如果同学们猜的数字比老师抽取的数字大,则提示猜大了;
如果同学们猜的数字比老师抽取的数字小,则提示猜小了;
如果同学们猜的数字与老师抽取的数字相同,则提示猜对了。
任务分析:
首先定义getRandom()函数实现随机生成一个1~10的数字。
然后利用循环结构实现让程序一直执行,在程序中接收同学们输入的数字,判断输入的数字和随机整数的大小。
如果输入的数字大于随机数,则程序提示“你猜大了” 。
如果输入的数字小于随机数,则程序提示“你猜小了”。
如果两个数字相等,就提示“恭喜你,猜对了”。
任务实现:
<script>
function getRandom(min, max) {
return Math.floor(Math.random() * (max - min + 1) + min);
}
var random = getRandom(1, 10);
while (true) { //死循环,利用break跳出循环
var num = prompt("请输入1-10之间的整数:");
if (num == null) {
break;
} else if (num > random) {
alert("你猜大了");
} else if (num < random) {
alert("你猜小了");
} else {
alert("恭喜你,猜对了");
break;
}
}
</script>
任务二:生成指定位数的随机数
任务要求:
应用Math对象中的方法实现生成指定位数的随机数的功能。
实现效果如图所示:


任务分析:
(1)在页面中创建表单,在表单中添加一个用于输入随机数位数的文本框和一个“生成”按钮。
(2)编写生成指定位数的随机数的函数ran(),该函数只有一个参数digit,用于指定生成的随机数的位数。
(3)在“生成”按钮的onclick事件中调用ran()函数生成随机数。
任务实现:
<body>
请输入要生成随机数的位数:<p>
<form name="form">
<input type="text" name="digit" />
<input type="button" value="生成" onclick="ran(form.digit.value)" />
<script type="text/javascript">
function ran(digit) {
var result = "";//声明变量并初始化
for (i = 0; i < digit; i++) {
result = result + (Math.floor(Math.random() * 10));//将生成的单个随机数连接起来
}
alert(result);//输出随机数
}
</script>
</form>
</body>