Показать сообщение отдельно
  #1 (permalink)  
Старый 08.01.2020, 15:28
Новичок на форуме
Отправить личное сообщение для toytronic Посмотреть профиль Найти все сообщения от toytronic
 
Регистрация: 08.01.2020
Сообщений: 1

Смена цвета элементов после нажатия кнопки
Здравствуйте, уважаемые. Прошу прощения за ламерский вопрос, только начинаю учиться. Задача следующая:

Напишите простой JS-скрипт (без использования jQuery и других фреймворков) который должен осуществить однократное изменение цвета квадратов с синего на красный при нажатии на кнопку Change color. Html менять можно.

<!DOCTYPE html>
<html>
<body>

<h1>Change the color of squares</h1>

<button type="button" style="display: block;">Change color</button>

<div class="square"></div>
<div class="square"></div>
<div class="square"></div>
<div class="square"></div>
<div class="square"></div>

</body>
</html>


CSS:
Код:
.square {
  width: 100px;
  height: 100px;
  background-color: blue;
  margin: 10px;
  display: inline-block;
}
Ответить с цитированием