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

Question

我用翻译写东西！我有一个脚本js，可以计算两个数字。

number_one - number_two;一切正常，但我希望结果是多彩的；

你能帮我吗？

 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; 

​

function myFunction() {
  var a = document.getElementById('number_one').value;
  var b = document.getElementById('number_two').value;
  var rezultat = parseInt(a) - parseInt(b);
  document.getElementById('summa').innerHTML = rezultat;
}

<div> <input type="text" id="number_one"> </div>
<div> <input type="text" id="number_two"> </div>
<div class="test">
  <button onclick="myFunction()">Click me</button>
  <p id="summa"></p>
</div>

​

Answer 1

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

  if(rezultat > 0){
   document.getElementById('summa').style.color = "green";
   }else{
   document.getElementById('summa').style.color = "red";
   }

​

function myFunction() {
  var a = document.getElementById('number_one').value;
  var b = document.getElementById('number_two').value;
  var rezultat = parseInt(a) - parseInt(b);
  document.getElementById('summa').innerHTML = rezultat;
  if(rezultat > 0){
   document.getElementById('summa').style.color = "green";
   }else{
   document.getElementById('summa').style.color = "red";
   }
}

<div> <input type="text" id="number_one"> </div>
<div> <input type="text" id="number_two"> </div>
<div class="test">
  <button onclick="myFunction()">Click me</button>
  <p id="summa"></p>
</div>

​

Answer 2

因为你想让红色代表否定，绿色代表肯定，我将我的答案更新如下。只需更改最后一行，如下所示

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

requiredElement.innerHTML=rezultat;

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