Как изменить цвет текста, если значение отрицательно?

Question

У меня есть веб-приложение, над которым я работаю, что делает дополнение между целыми числами. У меня есть две функции: 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, так как вы только заботитесь об изменении цвета там.