1. 程式人生 > >js_猜數字

js_猜數字

是否為數字 parse doc 是否 inner rand isnan get har

<!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>

js_猜數字