Ereignisse und Klicks

Für ein Verkehrsprojekt schaltet ein Knopf eine gezeichnete Ampel weiter (knopf und anzeige sind bereits mit querySelector geholt):

let phase = "rot";
knopf.addEventListener("click", weiter);
function weiter() {
  if (phase === "rot") {
    phase = "grün";
  } else if (phase === "grün") {
    phase = "gelb";
  } else {
    phase = "rot";
  }
  anzeige.textContent = phase;
}