基于用户输入的JavaScript字体颜色更改

Question

所以我有这个小的温度转换器。我只想在temp字体颜色高于30时将其更改为红色(例如(，但我无法完成此工作。如果有任何帮助，我将不胜感激。

function colorChange(myVal) {
var myVal = document.getElementById("fahrenheit").value;
if (myVal > 30) {
document.getElementById("fahrenheit").style.color = "red";
}
}
colorChange();

<input type="number" id="inputCelsius" placeholder="Enter Celsius" oninput="myFunction(this.value)" onchange="myFunction(this.value)" />
<p>Fahrenheit: <span id="fahrenheit"></span></p>
<p>Kelvin: <span id="kelvin"></span></p>

Answer 1

当输入更改时，可以使用onchage事件来调用操作

function hola(){
let elem = document.getElementById('my-id')
if(elem.value > 30){
elem.style.color = 'red'
}else{

elem.style.color = 'black'
}

}

<input placeholder="whatever" id="my-id" onchange="hola()"></input>

如果使用oninput，结果将相同，但每次键入时都会触发该功能