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

Question

[test-cats]

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

<button>Click</button>

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

Подскажите в чем ошибка? Всем спасибо за ответы

Comments

[alex-1917]

это как так можно???
такой код я не смог нагуглить, значит, вы сами его написали.
Но основы-то откуда-то взяли...
мышкаспохмельячтоли дернулась?

Answer 1

[Vadim Bogomazov]

Answer 2

[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";
}