如果值為負，如何更改文本顏色？

Question

我有一個正在處理的 Web 應用程序，它在整數之間進行加法運算。 我有兩個名為num1()和num2()的函數，它們從用戶那里獲取兩個整數作為輸入。 如果兩個整數之和為負，我想更改結果輸出文本顏色。 我如何用 JavaScript 做到這一點？

我看過很多 jQuery 示例，但我想僅使用 JavaScript 來完成此操作。

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語句中刪除它，因為您只關心更改那里的顏色。