Как написать JS код для изменение цвета элементов по нажатию кнопки?

Question

[Ms12341234]

Код страницы


По нажатию на клавишу - Change color меняется только цвет текста 123 ( сделал его для примера) , а должен меняться цвет блоков square , подскажите как реструктурировать код, чтобы не цвет текста изменял, а цвет блоков

Comments

[Aleksandr Kritskii]

ну чтобы. менялся цвет блоков - надо задавать background, a не color

Answer 1

[Сергей Соколов]

Менять надо не у #but, а у его дочерних div.square свойство style.backgroundColor.
JS обработчик лучше писать отдельно от HTML разметки.

Answer 2

[Vladislav]

Если правильно понял, то засунь блоки в querySelectorAll и пробегись по ним через цикл for или forEach, а внутри цикла уже и напиши логику своей стилизации