Всем привет.
Применяя цвета
В документе уже добавлен заголовок и пять элементов кнопок с цветами.
При нажатии на любую из кнопок, цвет текста заголовка h2 должен меняться на указанный на кнопке.
Для изменения цвета добавь свойство color через атрибут style.
Больше никаких стилей не изменяй; используй внутренний скрипт.
Не могу понять как достучаться до цвета которая в кнопке. Похоже не в тем путем я вообще пошел да? Не нашел тему с этим таском и еще более тупым себя чувствую, все легко похоже тут))
<body>
<h2>Change my color</h2>
<div class="container">
<div class="color-button" style="background-color: #C4D6B0;">#C4D6B0</div>
<div class="color-button" style="background-color: #477998; color: white">#477998</div>
<div class="color-button" style="background-color: #291F1E; color: white">#291F1E</div>
<div class="color-button" style="background-color: #F64740; color: white">#F64740</div>
<div class="color-button" style="background-color: #A3333D; color: white">#A3333D</div>
</div>
</body>
<script>
const h2 = document.querySelector('h2');
const button = document.querySelectorAll('.color-button');
button.forEach(el=> {
el.addEventListener("click", changeColor);
});
function changeColor() {
h2.style.color = ????;
}
</script>
