<!DOCTYPE html>
<html>
<body>
<h2>Використання атрибута class в JavaScript</h2>
<p>Натисніть кнопку, щоб сховати всі елементи з іменем класу "city", за допомогою JavaScript:</p>
<button onclick="myFunction()">Сховати елементи</button>
<h2 class="city">Лондон</h2>
<p>Лондон - це столиця Англії.</p>
<h2 class="city">Париж</h2>
<p>Париж - це столиця Франції.</p>
<h2 class="city">Київ</h2>
<p>Київ - це столиця України.</p>
<script>
function myFunction() {
var x = document.getElementsByClassName("city");
for (var i = 0; i < x.length; i++) {
x[i].style.display = "none";
}
}
</script>
</body>
</html>