<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>js猜数字游戏</title>
<script>
function changeHtml(){
/*
1、生成一个0-1000的随机数
2、循环获取用户输入的内容
3、判断用户输入的内容和生成的随机数之间的关系
4、输出提示信息
*/
//生成一个随机数
var randNum = Math.round(Math.random()*1000);
//定义一个状态标志位，用于标志是否继续循环
var flag=true;
alert(randNum);
var count =5;
while(flag){
//定义变量，获取id="info"的div内容
//var div =document.getElementById("info").innerHTML;
count --;
if(count<0){
document.getElementById("info").innerHTML="你失败了！";
break;
}else{
//循环的获取用户输入的内容
var inputNum = prompt("请输入一个1-1000之间的整数","1");
//进行判断
if(inputNum>randNum){
document.getElementById("info").innerHTML+="<br>您输入的数字<font size='30' color = 'red'>大</font>了";
}else if(inputNum<randNum){
document.getElementById("info").innerHTML+="<br>您输入的数字<font size='30' color = 'red'>小</font>了";
}else{
document.getElementById("info").innerHTML+="<br><font size='15' color = 'red'>恭喜你，外星人！你太有才了！</font>";
flag=false;
}
}
}
}
</script>
</head>
<body οnlοad="changeHtml()">
<div id="info" style="width:400px; border:1px red dashed">
提示信息。
</div>
</body>
</html>
1051
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
