使用 JavaScript 的猜数游戏

先决条件：

• HTML基础知识
• Javascript基础知识

游戏是在最少的猜数中猜出一个由计算机生成的随机数，范围为 1 – 10。

要使用的函数：

1. document.getElementById(“id given”)： document.getElementById() 用于从具有用户提供（指定）的 id 的 HTML 页面中获取元素。
“.value”用于访问被访问的 HTML 元素的值。

2. Math.random() ： random()函数用于生成 0（含）和 1（不含）之间的随机数。然后将此生成的数字乘以 10 并加上 1 以生成 1 – 10 的数字。

3. Math.floor() ： floor()函数用于将数字返回到最近的整数（向下）。如果传递的参数是整数，则该值不会四舍五入。

游戏的实施。

    
    Number Guessing Game
  
    
        html {
    font-family: sans-serif;
    }
      
        body {
    width: 50%;
    max-width: 800px;
    min-width: 480px;
    margin: 0 auto;
    }
    

  

Guess The Number
  
We have selected a random number between 1 - 10. 
See if you can guess it.
  

    Enter a guess: 
    
    

  

  
    // random value generated
    var y = Math.floor(Math.random() * 10 + 1);
      
    // counting the number of guesses
    // made for correct Guess
    var guess = 1;
      
    document.getElementById("submitguess").onclick = function(){
      
   // number guessed by user     
   var x = document.getElementById("guessField").value;
  
   if(x == y)
   {    
       alert("CONGRATULATIONS!!! YOU GUESSED IT RIGHT IN "
               + guess + " GUESS ");
   }
   else if(x > y) /* if guessed number is greater
                   than actual number*/ 
   {    
       guess++;
       alert("OOPS SORRY!! TRY A SMALLER NUMBER");
   }
   else
   {
       guess++;
       alert("OOPS SORRY!! TRY A GREATER NUMBER")
   }
}


                    

输出：