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

Question

[Denis]

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

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

Задача: без хардкода и без использования глобальных переменных написать скрипт, который при вводе данных в поле будет добавлять ему класс red, если его текущее значение поля не совпадает с изначальным, и удалять этот класс, если значения совпадают

Comments

[Алексей Ярков]

С такой постановкой вопроса вам только на https://freelance.habr.com

Answer 1

[Stalker_RED]

name_input.addEventListener('input', function() {
  const isChanged = this.value != this.getAttribute('value');
  this.classList.toggle('red', isChanged);
});

Answer 2

[Александр Соболев]

.addclass
.removeclass
.toggle