最终结果时javascript中的颜色代码

最终结果时javascript中的颜色代码,javascript,Javascript,我用翻译写!我有一个计算两个数字的脚本js number_1-number_2一切正常,但我希望结果是丰富多彩的 你能帮我吗 1. If the result is plus ( a-b = c )( 4-2 = 2 ) = color green; 2. If the number is negative ( a-b = -c ) ( 2-4 = -2 ) = red color; 函数myFunction(){ var a=document.getElementById('num

我用翻译写!我有一个计算两个数字的脚本js

number_1-number_2一切正常,但我希望结果是丰富多彩的

你能帮我吗

 1. If the result is plus ( a-b = c )( 4-2 = 2 ) = color green; 
 2. If the number is negative ( a-b = -c ) ( 2-4 = -2 ) = red color; 
函数myFunction(){
var a=document.getElementById('number_one')。值;
var b=document.getElementById('number_two')。值;
var rezultat=parseInt(a)-parseInt(b);
document.getElementById('summa')。innerHTML=rezultat;
}

点击我


由于您希望红色表示负片,绿色表示正片,我正在更新我的答案,如下所示。只需更改最后一行,如下所示

 var requiredElement=document.getElementById('summa').innerHTML;

requiredElement.innerHTML=rezultat;

requiredElement.style.color=rezultat>0?'green':'red';

您可以使用
style.color
将元素的颜色设置为

  if(rezultat > 0){
   document.getElementById('summa').style.color = "green";
   }else{
   document.getElementById('summa').style.color = "red";
   }
函数myFunction(){
var a=document.getElementById('number_one')。值;
var b=document.getElementById('number_two')。值;
var rezultat=parseInt(a)-parseInt(b);
document.getElementById('summa')。innerHTML=rezultat;
如果(rezultat>0){
document.getElementById('summa').style.color=“绿色”;
}否则{
document.getElementById('summa').style.color=“红色”;
}
}

点击我


使用css将结果放入span标记中。您可以使用if-else语句设置带有颜色的变量,然后为span标记指定该颜色;如果结果是否定的,SimpleI希望显示红色,如果结果是肯定的,则显示绿色更改了我的答案。。。请看一看(非常感谢)