最终结果时javascript中的颜色代码
我用翻译写!我有一个计算两个数字的脚本js最终结果时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
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希望显示红色,如果结果是肯定的,则显示绿色更改了我的答案。。。请看一看(非常感谢)