Question

为我的学校俱乐部做一个有趣的项目，并希望稍微增加我的演讲。我知道我想要什么，但不知道如何实现它。

我想要一行：＆＃34;您的能源消耗成功率是（值）％。＆＃34;

我已经拥有该值的来源，但我需要显示屏的帮助。

我要做的是根据值本身使（值）的字体颜色为动态。因此，如果值为＆lt; 0 font color = red，如果value为= 0，则字体颜色为黄色，如果值为> 0，则字体颜色为绿色。

不是网页设计师/代码大师我不确定如何在HTML中实现这一点。我还阅读了几个类似的问题，但学校不允许我上传任何JavaScript文件，但我认为我可以链接到ajax.googleapis.com网站，如果它确定我需要使用JavaScript。

感谢任何帮助。

Answer 1

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>

根据输入值设置字体颜色

1 个答案: