如何获取输入字段值JavaScript

我正在尝试创建一个猜测游戏，如果用户在输入字段中输入一个数字并单击一个按钮，就会显示一个文本，说明该数字是否大于或小于JavaScript创建的随机数。我似乎已经解决了所有其他问题，但我很难获得输入字段中输入的值

谢谢你的帮助

<div class="wrap" >
 Project: Guessing Game

 <input type="text" name="inputField" value="" id="inputField"/>
 <button id="guess">Guess!</button>
 <br>
 <p id="result"></p>

</div>

<script type="text/javascript" charset="utf-8">

var $ = function(selector) {
    return document.querySelector(selector);
};

var randomRange = function(min,max){
    return Math.random(((Math.random()*(max-min))+min));
};

var randomNumber = randomRange(1,4);

var myButton = $("#guess");

var myNumber = $("#inputField").value;

var myResult = $("#result");

if ( myNumber > randomNumber) {
    myButton.onclick = function () {
    myResult.innerHTML += "Your number is bigger than the random number";
    }
}
else if ( myNumber < randomNumber){
        myButton.onclick = function () {
        myResult.innerHTML += "Your number is smaller than the random number";
    }
}
else if ( myNumber === randomNumber ){
        myButton.onclick = function () {
        myResult.innerHTML += "Your number matches the random number";
    }
}

</script>

---

当没有数据时，正在读取您的输入，当您单击时，您不会检查数据是否已更改。您应该将决策块放置在事件处理程序中以检查输入，如下所示：

myButton.onclick = function () {
    var myNumber = $("#inputField").value;
    myNumber = parseInt(myNumber, 10);
    if ( myNumber > randomNumber) {
        myResult.innerHTML = "Your number is bigger than the random number";
    } else if ( myNumber < randomNumber){
        myResult.innerHTML = "Your number is smaller than the random number";
    } else if ( myNumber === randomNumber ){
        myResult.innerHTML = "Your number matches the random number";
    }
}

---

你不需要在点击按钮后检查数值吗？我总是得到较小的数值。Lol.parseInt只对整数有用OP没有说明数字是什么类型的值，并且它对于a不是必需的，因为这里一个值是一个数字，所以另一个也将被转换为一个数字。

myButton.onclick = function () {
    var myNumber = $("#inputField").value;
    myNumber = parseInt(myNumber, 10);
    if ( myNumber > randomNumber) {
        myResult.innerHTML = "Your number is bigger than the random number";
    } else if ( myNumber < randomNumber){
        myResult.innerHTML = "Your number is smaller than the random number";
    } else if ( myNumber === randomNumber ){
        myResult.innerHTML = "Your number matches the random number";
    }
}