как поместить getElementsClassName в строку в кнопке onclick?

Question

Я собираюсь поместить этот JavaScript код в

Я не понимаю, почему он не работает

Если возможно, измените код

<button onclick='document.getElementsByClassName("city");for (var i = 0; i < x.length; i++) {x[i].style.display = "none";}'>Hide elements</button>

<h2 class="city">London</h2>
<p>London is the capital of England.</p>

<h2 class="city">Paris</h2>
<p>Paris is the capital of France.</p>

<h2 class="city">Tokyo</h2>
<p>Tokyo is the capital of Japan.</p>