Почему не добавляется стиль при наведение курсором мышки на кнопку?

Question

[Zhenia Bel]

Мне надо чтобы при наведение курсором мышки на кнопу она меняла свой цвет, я написал код но он выдает ошибку, может кто то знает как исправить эту ошибку?

<div id="button" onmouseover="color(event)">
      <input type="button" value="Enter">
    </div>

function color(event){
    let style =event.style;
    style.background = "blue";
    let style = event.style;
}

Comments

[12Vadim12]

Изначально, style это переменная, поэтому style.style.background = 'blue'

[Ankhena]

У меня вопрос: вот вы поставили теги к вопросу HTML и CSS.
Дальше прикладываете проблемный код на JS.

Но ваш вопрос как раз таки решается обычным :hover без всяких извратов с js.

Так что ш вам надо на самом деле?

Answer 1

[12Vadim12]

я не очень знаком с event.style, поэтому просто бы прописал

function color(event){
  let style = event.target;
  if(style.tagName == 'INPUT'){
    style.style.background = 'blue';
  }
}

Answer 2

[historydev]