console
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>猜数游戏</title>
<script type="text/JavaScript">
var num=parseInt(Math.random()*100);
var chance=5;
function showGame(){
document.getElementById("guessDiv").style.display="block";
document.getElementById("guessNum").focus();
}
function guessNum(){
var guessNum=document.getElementById("guessNum");
if(isNaN(guessNum.value)){
alert("请输入数字!");
guessNum.value="";
guessNum.focus();
}
else{
if(guessNum.value>num){
chance--;
guessNum.value="";
guessNum.focus();
alert("太大了,还剩"+chance+"次机会");
}else if(guessNum.value<num){
chance--;
guessNum.value="";
guessNum.focus();
alert("太小了,还剩"+chance+"次机会");
}else{
chance=5;
document.getElementById("guessDiv").style.display="none";
alert("恭喜你,猜对了");
}
if(chance==0){
document.getElementById("guessDiv").style.display="none";
alert("猜数失败"); chance=5;num=parseInt(Math.random()*100);
}
}
}
</script>
</head>
<body>
<center>
<div>
<input type="button" value="开始玩游戏" onclick="showGame()"/>
<input type="button" value="谢谢!不用了" onclick="window.close()"/>
</div>
<div id="guessDiv" style="display: none">
<input type="text" id="guessNum">
<input type="button" value="猜数" onclick="guessNum()"/>
</div>
</center>
</body>
</html>