如何改變文本的顏色，如果一個值是負的？

Question

我有一個web應用程序，我正在處理整數之間的加法。我有兩個函數稱爲num1（）和num2（），它將兩個整數作爲用戶的輸入。我想要做的是改變結果輸出文本顏色，如果兩個整數的和爲負數。我如何使用JavaScript做到這一點？

我見過很多jQuery示例，但我想單獨使用JS來完成此任務。

function addIntegers() { 
     var sum = num1() + num2(); 
     if(sum < 0) { 
     document.getElementById('display').innerHTML= 
      "Result: " + sum; 
     } 

     else { 
      document.getElementById('display').innerHTML= 
      "Result: " + sum; 
     } 
    } 

Answer 1

DOM對象有一個.style對象，它可以讓你設置任何你想要的。在你的情況，你要尋找的color屬性，所以你的功能應該是這樣的：

function addIntegers() { 
    var sum = num1() + num2(); 
    var displayObj = document.getElementById('display'); 
    displayObj.innerHTML = "Result: " + sum; 
    if (sum < 0) 
     displayObj.style.color = 'red' 
    else 
     displayObj.style.color = 'green' 
} 

你會發現我有問題的元素設置爲一個對象，所以你不必叫getElementById做多次。此外，由於您始終會寫出金額，因此您可以從if聲明中刪除該項金額，因爲您只關心如何更改那裏的顏色。