toytronic
08.01.2020, 15:28
Здравствуйте, уважаемые. Прошу прощения за ламерский вопрос, только начинаю учиться. Задача следующая:
Напишите простой 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;
}
Напишите простой 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;
}