今天給學生講軟件項目管理，發現學生想睡覺，靈機一動，給大傢寫個小遊戲，一起猜猜看~
簡單效果圖：
示例源碼：
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<num){
//輸出一句話，
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<num){
//輸出一句話，
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>
有興趣的同學研究下~
作者“liwei3gjob的專欄”