// Funktion ausführen, wenn alles geladen ist
window.addEventListener('load', function(event) {
        // lokale Variable, verfügbar in inneren Funktionen
        let counter = 0;

        // Damit sich der Code ein bisschen einfacher liest
        let counterSpan = document.getElementById("counter");
        let seitenTitel = document.getElementById("seitentitel");
        let knopf = document.getElementById("knopf");

        setTimeout(function() {
                seitenTitel.innerHTML = "Viel besserer Titel!";
        }, 1000); // Nach einer Sekunde den Titel ändern

        // onlick-Event auf dem Knopf registrieren
        knopf.addEventListener('click', function(event) {
                if (counter==0) {
                        console.log("Funktionsaufruf im Kontext von:");
                        console.log(this);
                        console.log("Folgender Event:");
                        console.log(event);
                } 
                if (counter<3) {
                        counter++;
                        counterSpan.innerHTML = counter;
                } else {
                        seitenTitel.innerHTML = "Jetzt reichts aber!";
                        knopf.disabled = true;
                }
        });

});