响应用户输入的 JavaScript 函数

Question

我正在尝试编写一个 javascript/Angular js 函数来实现以下目标:当用户输入数字时，它会告诉他们该数字是否太高或太低(> 100 太高)

这是我的 html 代码:

<div>
    <p id="num">Number : <input type="number"> </p>
    <p id="demo" onkeyup="numberToHigh()"> </p>
</div>

这是我的js代码:

function numberToHigh(){
var number = document.getElementById('num');
var message = document.getElementById('demo');
if (number > 100) {
    message.innerHTML = "number too high";
}else{
    message.innerHTML = "number ok";
}

}

});

我不明白为什么当我在文本区域中输入值时没有任何反应。

Answer 1

您应该将事件监听器附加到 input 元素，而不是 p 元素。