¿Cómo cambiar el color del texto si un valor es negativo?

Tengo una aplicación web en la que estoy trabajando que hace una sum entre enteros. Tengo dos funciones llamadas num1 () y num2 () que obtienen los dos enteros como entrada del usuario. Lo que quiero hacer es cambiar el color del texto de salida resultante si la sum de los dos enteros es negativa. ¿Cómo hago esto con JavaScript?

He visto muchos ejemplos de jQuery, pero quiero hacer esto solo con JS.

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

Los objetos DOM tienen un objeto .style que te permitirá configurar lo que quieras. En su caso, está buscando la propiedad de color , por lo que su función se vería así:

 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' } 

Notará que establezco el elemento en cuestión en un objeto para que no tenga que llamar a getElementById varias veces. Además, como siempre escribirás la sum, puedes eliminarla de la statement if , ya que solo te importa cambiar el color allí.