Header neu gestalten

[Gunnar Bittersmann]

@@AudioBibel

Übrigens, was ist dieses "onXXX-Atrribut"?

Eine Möglichkeit, beim Eintreten eines Event auszuführenden JavaScript-Code direkt ins HTML einzubinden:

<button onclick="tuWas()">

Aber nicht, dass man das so machen sollte. Meist ist es vorteilhaft, Inhalt (HTML) und Verhalten (JavaScript) zu trennen (separation of concerns):

Markup:

<button id="tu-was-button">

Script:

const tuWasButtonElement = document.querySelector("#tu-was-button");
tuWasButtonElement.addEventListener("click", tuWas);

Da der Button ohne JavaScript ohne Funktion ist, kann man ihn auch erst dann anzeigen, wenn das JavaScript ausgeführt wurde:

<button id="tu-was-button" hidden="">

const tuWasButtonElement = document.querySelector("#tu-was-button");
tuWasButtonElement.addEventListener("click", tuWas);
tuWasButtonElement.hidden = false;

LLAP 🖖