1. 程式人生 > 程式設計 >JS實現網頁端猜數字小遊戲

JS實現網頁端猜數字小遊戲

本文例項為大家分享了JS實現網頁端猜數字遊戲的具體程式碼,供大家參考,具體內容如下

題目描述

電腦產生一個0到100之間的隨機數字,並且要求使用者來猜,如果使用者猜的數字比這個數字大,電腦會提示“太大”,否則會提示“太小”,當用戶正好猜中,電腦會提示“恭喜你猜對了,這個數是…”。在使用者每次猜測之後,程式會輸出使用者第幾次猜測。如果使用者輸入的根本不是一個數字,程式會告訴使用者輸入無效

程式碼實現

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>猜數字小遊戲</title>
    <script type="text/javascript">
    var Random = Math.floor(Math.random()*101)
    alert("猜測一個0到100之間的整數")
    for (var i = 1; ; i++ ) {
      var val = prompt("第"+i+"次猜,請輸入一個整形數字")
      if (isNaN(val) || val > 100 || val < 0) {
        alert("輸入無效,請輸入一個0到100之間的整數。")
      } else {
        if (val < Random) {
          alert("太小了,請再猜一次。")
        } else if (val > Random) {
          alert("太大了,請再猜一次。")
        } else if (val == Random) {
          alert("恭喜你猜對了,這個數是"+val)
          break
        }
      }
    }
    </script>
  </head>
  <body>

  </body>
</html>

這種小玩意不需要css渲染,把js在html裡直接寫就比較方便了,思路也沒有什麼可以說的,直接看效果吧。

JS實現網頁端猜數字小遊戲

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支援我們。