Title, three cities, a button. HTML + CSS + JS.
Goal
A poster with a click that changes the title.
Paste into the HTML pane:
<h1 id="title">Kiosk poster</h1>
<ul>
<li>Nairobi</li>
<li>Mombasa</li>
<li>Kisumu</li>
</ul>
<button id="btn" type="button">Open Nairobi</button>Paste into the CSS pane:
body { font-family: sans-serif; max-width: 320px; }
h1 { color: #8a5a12; }
button { margin-top: 12px; }Paste into the JS pane:
document.getElementById("btn").onclick = () => {
document.getElementById("title").textContent = "Nairobi is open";
};