изменение цвета шрифта при выполнении условия

Question

Кто-нибудь знает, как бы я сделал это в веб-приложении HTML-5? т.е. мне нужно изменить цвет шрифта имени при нажатии кнопки. Это приложение, которое легко показывает, когда игроки находятся на корте или вне его в теннисном турнире. пока у меня есть документ Excel всех игроков, загруженных в HTML, это одно из имен, например:

и следующие кнопки:

поэтому я предполагаю, что мог бы написать условие if, которое гласит, если эта кнопка включена, тогда имя игрока становится красным или что-то в этом роде ... Я также борюсь с раскладкой, учитывая, что имена находятся в таблице, кнопка просто остается над столом, куда бы я его ни положил. Любая помощь очень ценится, Луи.

Answer 1

Вам нужно дать элементу, который вы хотите изменить, что-то определяющее - обычно это идентификатор.Например, <td id="currentMatch">

Обратите внимание, что идентификаторы должны оставаться уникальными на всей странице.Затем вы можете получить к нему доступ через document.getElementById("currentMatch")

Чтобы установить цвет текста, который вы хотите использовать

document.getElementById("currentMatch").style.color = "#00FF00"

Так вот, как вы измените цвет.

Answer 2

Вы можете просто добавить / удалить class вместо изменения только значения. На этот класс можно ссылаться через CSS.

Пример

.online_text {
    color: #00ff00;
}
.offline_text {
    color: #ff0000;
}

Ваш скрипт должен добавить / удалить свойство, чтобы вы в основном получили этот формат :

<td ... class="online_text">Oliver Addison</td>

Добавление класса в качестве примера:

document.getElementById("onoff").className += "online_text";