javascript - 取 1 到 10 之间的随机整数，然后提示用户输入猜测数字

Question

我正在做 JavaScript 练习。这里有一个问题:编写一个 JavaScript 程序，该程序采用 1 到 10 之间的随机整数，然后提示用户输入一个猜测数字。如果用户输入的数字与猜测的数字匹配，程序将显示一条消息“Good Work”，否则显示一条消息“Not matches”

我有这段代码，但我不知道如何获取输入并显示答案。

function check() {
    var x = Math.floor((Math.random() * 10) + 1);
    var i = document.getElementById('inputFiled').value;
 
    if (i === x) {
      return "Good Work";
    }else {
       return "Not matched";
    }
   
}

<input id="inputFiled" type=text /><input type="submit" value="Submit">
<p id="random"></p>
 

Answer 1

您当前的版本将无法按原样工作，因为 i 是字符串，而 x 是整数。您需要使用 == 而不是 ===，以便除了它们的值之外还不会比较它们的类型。

或者，您可以在使用 var i = parseInt(document.getElementById('inputFiled').value); 分配时将 i 转换为整数；，但 JavaScript如果您使用抽象比较运算符 (==)，将免费执行此操作。

function check() {
    var x = Math.floor((Math.random() * 10) + 1);
    var i = document.getElementById('inputFiled').value;
    var feedback = document.getElementById('feedback');
 
    if (i == x) {
        feedback.innerHTML = 'Good Work';
    } else {
        feedback.innerHTML = 'Not matched';
    }
   
}

<input id="inputFiled" type=text />
<input type="button" onclick="check()" value="check" />
<p id="random"></p>
<div id="feedback"></div>