Здравствуйте. при вводе данных в поле inputa хочу добавлять ему класс red, если его текущее значение поля не совпадает с изначальным, и удалять этот класс, если значения совпадают
<input type="text" name="name" class="js_name" value="sometext">
Использую событие oninput, но класс не удаляется когда текущее значение совпадает с изначальным value, Может подскажет кто в каком направлении двигаться?
var valueInput = document.querySelector('.js_name').value;
var input = document.querySelector('.js_name');
input.oninput = function () {
if (valueInput != input.value) {
document.querySelector('.js_name').className = "red"
}
};