如果值为负数，如何更改文本颜色？

我正在开发一个网络应用程序，它可以在整数之间进行加法。我有两个函数叫做num1() and 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;
        }
    }

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声明，因为您只关心改变那里的颜色。