Javascript 如何检查input.value是否与随机数相同

我想做一个小游戏，浏览器选择一个介于1和10之间的随机数字，用户必须猜测它是哪个数字。所以我做了一个输入，按钮和随机函数，但是每次，当inputNumber和randomNumber相同时，它都不会输出我想要的代码

<input type="numebr" id="userInput" />
<button id="button">Sure?</button>
<p id="awnser"></p>

let button = document.getElementById('button');
let input = document.getElementById('userInput').value;
let awnser = document.getElementById('awnser');

  button.onclick = function randomFunc() {
    var randomnr = Math.floor(Math.random() * 10 +1);

    if (input == randomnr) {
        awnser.innerHTML = randomnr + '<br> You got it!';
    } else {
        awnser.innerHTML = randomnr + '<br> Nevermind... idiot :P';
    }
  }

当然

let button=document.getElementById（'button'）；
让输入=document.getElementById（'userInput'）。值；
设awnser=document.getElementById（'awnser'）；
button.onclick=函数randomFunc（）{
var randomnr=Math.floor（Math.random（）*10+1）；
如果（输入==随机数）{
awnser.innerHTML=randomnr+“
你明白了！”；
}否则{
awnser.innerHTML=randomnr+'
无所谓…白痴：P'；
}
}

我试图用parseInt

让input=parseInt（document.getElementById（'userInput'）.value）

但它不起作用。我认为这是输入值的问题，所以这不是一个数字，而是一个字符串

---

给我一些建议？

这是因为你对这一行做了什么：

let input = document.getElementById('userInput').value;

这将在页面加载时获取值。单击按钮时，其值与加载页面时的值相同。只需将这一行移到

按钮中。单击
功能，您应该会很好。

let input = document.getElementById('userInput').value;

在onclick函数内部
是否生成任何错误？请确保将其作为已接受的答案接受。谢谢