JavaScript 字体颜色根据用户输入改变

Question

so I have this little temperature converter. All I want is to change the temp font color to red when is higher than 30 (eg), and I can't to get this work. I would be obliged for any help.

 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

You can use the onchage event to call the action when input is changed

 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>

If you use oninput the result will be the same, but the function will be triggered every time you type