@denislysenko

Как написать скрипт, который добавляет класс red или удаляет его?

Предположим, есть страница, на которой всего одно поле:

<style>.red {color: red;}</style>
<input type="text" name="name" id="name_input" value="Xxxx">


Задача: без хардкода и без использования глобальных переменных написать скрипт, который при вводе данных в поле будет добавлять ему класс red, если его текущее значение поля не совпадает с изначальным, и удалять этот класс, если значения совпадают
  • Вопрос задан
  • 82 просмотра
Решения вопроса 2
Stalker_RED
@Stalker_RED
name_input.addEventListener('input', function() {
  const isChanged = this.value != this.getAttribute('value');
  this.classList.toggle('red', isChanged);
});
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы