在用户输入答案后，如何更改javascript中的用户输入颜色

我试图根据用户输入的数字范围更改用户输入的颜色。（即100岁以上为红色，75至100岁为黄色，50至75岁为黑色，25至50岁为黄色，少于100岁为红色）

这是我迄今为止尝试过的代码片段

函数colorChange（）{
var patientROM=document.getElementById（“flexion”）；
如果（patientROM>100）{
patientROM.style.color=“#FF0000”；
}否则如果（patientROM 75）{
PatientROM.style.color=“#ffffff00”；
}否则如果（patientROM 50）{
patientROM.style.color=“#330000”；
}否则如果（patientROM 25）{
patientROM.style.color=“#ffffff00”；
}else if（patientROM您可以将输入传递到函数调用中，而不是使用文档按id查找


功能颜色更改（el）{
常量值=parseInt（el.value）；
console.log（值）
如果（值>100）{
el.style.color=“#FF0000”；
}否则，如果（值>75）{
el.style.color=“#00FF00”；
}否则，如果（值>50）{
el.style.color=“#0000FF”；
}否则，如果（值>25）{
el.style.color=“#ffffff00”；
}否则如果（值>=0）{
el.style.color=“#00ffff”；
}否则{
log（“输入无效，请重试”）；
}
}
您需要检查输入框的值，而不是输入框本身，以便操作员进行比较


window.colorChange=function（）{
var inputBox=document.getElementById（“flexion”）；
var patientROM=inputBox.value；
如果（patientROM>100）{
inputBox.style.color=“#FF0000”；
}否则如果（patientROM 75）{
inputBox.style.color=“#ffffff00”；
}否则如果（patientROM 50）{
inputBox.style.color=“#330000”；
}否则如果（patientROM 25）{
inputBox.style.color=“#ffffff00”；
}否则，如果（patientROM像这样


const flexion=document.getElementById（'flexion'）；
常量颜色变化=（ev）=>{
设n=Number.parseInt（ev.target.value，10）；
让c；
if（编号：isNaN（n））{
c='NaN'；
}否则，如果（n>100）{
c=‘超过100’；
}否则，如果（n>75）{
c=‘超过75’；
}否则，如果（n>50）{
c=‘超过50’；
}否则，如果（n>25）{
c=‘超过25’；
}否则{
c=‘25岁以下’；
}
flexion.setAttribute（'class'，c）；
控制台日志（n，c）；
};
document.addEventListener（'input'，colorChange）；
。超过100个{
颜色：#F00；
}
.75岁以上{
颜色：#FF0；
}
.五十多岁{
颜色：#300；
}
.25岁以上{
颜色：#FF0；
}
.25岁以下{
颜色：#F00；
}
南先生{
颜色：银色；
}

屈曲
可能是重复的谢谢！很高兴知道，以备将来参考。@user10614817很高兴我能提供帮助。干杯！