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";
});

带有Inputfield不工作的JavaScript onClick

1 个答案: