Elepsis Eclipse
Гений
(64087)
2 года назад
let button = document.querySelector('#button').onclick = function() { };
Цепочка присваиваний работает справа налево.
Сначала происходит это присваивание:
document.querySelector('#button').onclick = function() { };
Возвращается результат присваивания - функция function() { };
Затем происходит присваивание
let button = ( function() { } )
В переменную button попадает ссылка на функцию, а не на элемент.
Должно быть:
let button = document.querySelector('#button');
button.addEventListener('click', function() {
button.classList.add('noRed');
};
В проверках if-else нет никакого смысла. Если button нет - изначально не получится повесить обработчик события.
let button = document.querySelector('#button').onclick = function() {
if(button = true) {
button.classList.add('noRed');
} else {
console.log('Eror');
}
};