JavaScript入门(猜数字游戏)

来源:互联网 发布:随机抽签软件 编辑:程序博客网 时间:2024/05/20 03:39
<!DOCTYPE html>
<html>
  <head>
    <title>猜数字</title>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <script type="text/javascript">
      var init_num = parseInt(Math.random()*100)+1;
      console.log(init_num);
      function guess() {
       var num = document.getElementById("num").value;
       var result = document.getElementById("result");
       if(num == "" || isNaN(num) || num<1 || num>100) {
         result.innerHTML = "必须输入1-100之间的数字!";
       } else {
        if(num>init_num) {
          result.innerHTML = "大了!";
        } else if(num<init_num) {
          result.innerHTML = "小了!";
        } else {
          result.innerHTML = "对了!";
        }
       }
      }
    </script>
  </head>
  <body>
    <h1>猜数字游戏</h1>
    <p>
      <input type="text" id="num"/>
      <input type="button" value="开始猜" onclick="guess();"/>
      <span id="result"></span>
    </p>    
  </body>
</html>
0 0
原创粉丝点击