JavaScript onClick with Inputfield Not Working

Question

我是一个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> 

Answer 1

与html属性相反，属性名称在JavaScript中区分大小写。因此，您必须改用myButton.onclick。

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

另一种可能更干净的方式是事件监听器。

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