<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>猜数字</title>
<script>
//网页加载时直接生成随机数，
//该数在body加载前就有了，所以用户
//点击猜时在对应函数内可以用
//随机数
var ran=parseInt(Math.random()*100);
function guess() {
//获取文本框里的值
var input=document.getElementById("num");
var n=input.value;
var span=document.getElementById("result");
//判断该值是否为数字
if(isNaN(n)){
//不是数字给予提示
span.innerHTML="请输入数字";
}else {
//是随机数，和随机数比较
if(n<ran){
span.innerHTML="小了";
}else if (n>ran) {
span.innerHTML="大了";
}else{
span.innerHTML="对了";
}
}
}
</script>
</head>
<body>
<input type="text" id="num">
<input type="button" value="猜"
onclick="guess();">
<span id="result"></span>
</body>
</html>