简单效果图：
示例源码：
view plaincopy to clipboardprint?<!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>猜猜看</title>
<script>
//随机产生一个随机整数
// 四舍五入 随机数（0-1）
var num = math.round(math.random()*1000);
//定义一个标志变量
var falg=true;
//定义一个变量，统计猜得次数
var count=1;
document.write(<br><br><br><br><br><br><br><br>);
//执行while循环
while(falg){
if(count<=10){
//第一步，接受用户输入的内容
var inputnum=prompt("请输入您要猜得数字!",1);
//第二步，把用户输入的内容和产生的随机数进行比较
//三种情况： 1)输入的数大于产生随机数 提示“大了”
if(inputnum>num){
//输出一句话，
document.write(这是您第+count+次机会,您本次输入的数字为+inputnum+,您输入的数字大了<br>);
count++;
}
//三种情况： 2)输入的数小于产生随机数 提示小了
if(inputnum
document.write(这是您第+count+次机会,您本次输入的数字为+inputnum+,您输入的数字小了<br>);
count++;
}
//三种情况： 1)输入的数等于产生随机数 提示对了 ，设置标志位为false;
if(inputnum==num){
if(count<=3){
//输出一句话，
alert("你超牛x，猜对了！");
}
if(count<=6&&count>3){
//输出一句话，
alert(你还可以，也猜对了！);
}
if(count<=10&&count>6){
//输出一句话，
alert(勉强，也猜对了！);
}
//标志位设置false
falg=false;
}
}else{
//输出一句话，
alert(我晕，10次都没有猜对，怎么搞的？！);
//标志位设置false
falg=false;
}
}
</script>
</head>
<body>
</body>
</html>
<!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>猜猜看</title>
<script>
//随机产生一个随机整数
// 四舍五入 随机数（0-1）
var num = math.round(math.random()*1000);
//定义一个标志变量
var falg=true;
//定义一个变量，统计猜得次数
var count=1;
document.write(<br><br><br><br><br><br><br><br>);
//执行while循环
while(falg){
if(count<=10){
//第一步，接受用户输入的内容
var inputnum=prompt("请输入您要猜得数字!",1);
//第二步，把用户输入的内容和产生的随机数进行比较
//三种情况： 1)输入的数大于产生随机数 提示“大了”
if(inputnum>num){
//输出一句话，
document.write(这是您第+count+次机会,您本次输入的数字为+inputnum+,您输入的数字大了<br>);
count++;
}
//三种情况： 2)输入的数小于产生随机数 提示小了
if(inputnum
document.write(这是您第+count+次机会,您本次输入的数字为+inputnum+,您输入的数字小了<br>);
count++;
}
//三种情况： 1)输入的数等于产生随机数 提示对了 ，设置标志位为false;
if(inputnum==num){
if(count<=3){
//输出一句话，
alert("你超牛x，猜对了！");
}
if(count<=6&&count>3){
//输出一句话，
alert(你还可以，也猜对了！);
}
if(count<=10&&count>6){
//输出一句话，
alert(勉强，也猜对了！);
}
//标志位设置false
falg=false;
}
}else{
//输出一句话，
alert(我晕，10次都没有猜对，怎么搞的？！);
//标志位设置false
falg=false;
}
}
</script>
</head>
<body>
</body>
</html>
有兴趣的同学研究下~