Inputfield不起作用的JavaScript onClick

我是JavaScript初学者。我试图在点击一个按钮时显示一个文本，但它不起作用。我正在尝试创建一个猜谜游戏，在这个游戏中，用户在字段中输入一个数字来猜JavaScript创建的一个随机数。非常感谢您的帮助

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

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

</div>

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

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

// var myNumber = Math.random();

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

// randomIntegerRange(1,4);

var myButton = $("#guess");

var myInput = $("#inputField");

var myOutput = $("#output");


myButton.onClick = function () {
myOutput.innerHTML += "Your number is bigger than the random number";
};

</script>

项目：猜谜游戏
猜测



var$=函数（选择器）{
返回单据查询选择器（选择器）；
};
//var myNumber=Math.random（）；
//var RANDOMINTEGERRARGE=函数（最小值、最大值）{
//返回Math.round（（（Math.random（）*（max-min））+min））；
// };
//随机积分误差（1,4）；
var myButton=$（“#猜测”）；
var myInput=$（“#inputField”）；
var myOutput=$（“#输出”）；
myButton.onClick=函数（）{
myOutput.innerHTML+=“您的数字大于随机数字”；
};

与html属性相比，属性名称在JavaScript中区分大小写。因此，您必须使用

myButton.onclick

<button oNcLiCk="alert('Hallo')">

---

您在哪里注册事件侦听器？请在此处查看解决方案：

myButton.addEventListener("click", function () {
    myOutput.innerHTML += "Your number is bigger than the random number";
});