Несколько способов изменить цвет фона с помощью встроенного JavaScript

Чтобы изменить цвет фона элемента с помощью встроенного JavaScript, вы можете использовать несколько методов. Вот несколько примеров:

  1. Использование свойства style: вы можете напрямую изменить свойство styleэлемента, чтобы установить цвет фона. Это можно сделать, обратившись к элементу, используя его idили class, а затем установив свойство style.backgroundColor. Вот пример:
<button id="myButton" onclick="changeColor()">Change Color</button>
<script>
    function changeColor() {
        document.getElementById("myButton").style.backgroundColor = "red";
    }
</script>
  1. Использование атрибута style. Другой способ изменить встроенный цвет фона — использовать атрибут styleнепосредственно в элементе HTML. Вот пример:
<button onclick="this.style.backgroundColor = 'blue'">Change Color</button>
  1. Использование прослушивателей событий. Вы также можете использовать прослушиватели событий для динамического изменения цвета фона. Это позволяет вам обрабатывать такие события, как щелчок, наведение курсораи т. д., и соответствующим образом изменять цвет фона. Вот пример:
<button id="myButton">Change Color</button>
<script>
    var button = document.getElementById("myButton");

    button.addEventListener("click", function() {
        this.style.backgroundColor = "green";
    });
</script>

Это всего лишь несколько способов изменить цвет фона с помощью JavaScript. Не забудьте заменить значения цветов на желаемый цвет.