@test-cats

Как изменить цвет кнопки?

Создайте кнопку и функцию. При нажатии кнопки, функция окрашивает данную кнопку в background: red.

<button>Click</button>

document.querySelector('button').onclick = () => {
	this.onclick.style.color = "backgorund: red";
}

Подскажите в чем ошибка? Всем спасибо за ответы
  • Вопрос задан
  • 8714 просмотров
Решения вопроса 2
@bogomazov_vadim
Ответ написан
Комментировать
hzzzzl
@hzzzzl
document.querySelector('button').addEventListener('click', event => {
  event.target.style.backgroundColor = 'red'
})


document.querySelector('button').onclick = () => {
  console.log(this)   // смотри, this это не кнопка
  this.onclick.style.color = "backgorund: red";     // кнопка.onclick.style?
}


// вот так сработает
document.querySelector('button').onclick = function(){
  console.log(this)  // теперь this это кнопка
  this.style.background = "red";
}
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

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