Изменить цвет текста выражения тернарного оператора на красный или зеленый в зависимости от того, какой из них выполняется

Я очень новичок в Javascript, и я застрял в этой проблеме уже несколько часов, и я не могу понять, как решить эту проблему.

Есть ли способ вывести тернарный оператор «$» с зеленым текстом или «-$» с красным текстом?

То, как я настроил его прямо сейчас, проверяет, превышает ли доход результат или равен ему, а затем добавляет соответствующий знак перед суммой баланса. Но я хочу, чтобы баланс и знак становились красными, если значение отрицательное, и зеленым, если положительное.

Я попытался присвоить идентификатор "signValue" $ в файле HTML, а затем использовать

document.getElementById("signValue").style.color = "red"

например, и я все еще не могу заставить его работать.

 // DETERMINE THE + or - SIGN OF THE BALANCE
         let sign = (income >= outcome) ? "$" : "-$"
}