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

Чтобы изменить цвет элемента при наведении в JavaScript, вы можете использовать события мыши и свойство CSS "hover".

1. Сперва вам нужно выбрать элемент, цвет которого вы хотите изменить при наведении. Это можно сделать, используя один из следующих методов:
- Получить элемент по его идентификатору:

     let element = document.getElementById('имя_элемента');

- Получить элемент по его классу:

     let element = document.getElementsByClassName('имя_класса')[индекс];

- Получить элемент по его тегу:

     let element = document.getElementsByTagName('имя_тега')[индекс];

Обратите внимание, что методы getElementsByClassName и getElementsByTagName возвращают массив элементов, поэтому вы должны указать индекс для нужного вам элемента (например, element[0] для первого элемента).

2. Далее, вы можете применить стили к элементу при наведении с помощью CSS. Создайте CSS класс и определите свойства стиля по вашему выбору. Например:

   .hover-effect {
     color: red;
     background-color: yellow;
   }

3. Теперь, когда у вас есть элемент и класс для изменения цвета, вы можете применить этот класс к элементу при наведении с помощью JavaScript событий мыши. Используйте методы addEventListener и classList для этого:

   element.addEventListener('mouseover', function() {
     element.classList.add('hover-effect');
   });

   element.addEventListener('mouseout', function() {
     element.classList.remove('hover-effect');
   });

При наведении мыши (событие mouseover), класс hover-effect будет добавлен к элементу с помощью метода classList.add. При уводе мыши (событие mouseout), класс будет удален с помощью метода classList.remove.

Теперь, при наведении мыши на элемент, он будет менять цвет в соответствии с определенным вами CSS-классом. Вы можете настроить свойства стиля в классе hover-effect в соответствии со своими потребностями.