javascript - 根据输入值设置字体颜色

为我的学校俱乐部做一个有趣的项目，希望能给我的演讲增添一点趣味。我知道我想要什么，但不知道如何实现。
我想要一句话：“你的能源消耗成功率是（价值）%。”
我已经有了该值的源代码，但需要有关显示的帮助。
我要做的是让（值）的字体颜色基于值本身是动态的。因此，如果值小于0，则字体颜色为红色；如果值为0，则字体颜色为黄色；如果值大于0，则字体颜色为绿色。
我不是一个网页设计师/代码专家，我不知道如何在HTML中实现这一点。我也阅读了一些类似的问题，但学校不允许我上传任何JavaScript文件，但我想如果确定我需要使用JavaScript，我可以链接到ajax.googleapis.com网站。
如有任何帮助，我们将不胜感激。

最佳答案

function color() {
   var colorr = document.getElementById("color1").value;
   if(colorr==''){
    document.getElementById("changecolor").style.color = "black";
   }
   else if(colorr<0){
    document.getElementById("changecolor").style.color = "red";
   }
   else if(colorr>0){
    document.getElementById("changecolor").style.color = "green";
   }
   else if(colorr==0){
      document.getElementById("changecolor").style.color = "yellow";
   }

}

<input type="text"  onkeyup="color();" name="color" id="color1">
<h1 id="changecolor">Change Color on input color</h1>

关于javascript - 根据输入值设置字体颜色，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/49889769/