<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<table>
<tr>
猜数字游戏（请输入1-100的数字）
</tr>
<tr>
<td><input id="num" type="text" />
<button onclick="guess()">猜</button>
<span id="result"></span>
</tr>
</table>
<script type="text/javascript">
var random = parseInt(Math.random() * 100 + 1);
var count = 0;
function guess() {
count++;
var num1 = document.getElementById('num').value;
if (num1 < random) {
document.getElementById('result').innerHTML = "小了";
} else if (num1 > random) {
document.getElementById('result').innerHTML = "大了";
} else {
document.getElementById('result').innerHTML = "对了，" + "猜了" + count + "次";
}
}
</script>
</body>
</html>
效果如下图：
