DOM-Manipulations in JavaScript
Lahmer Titel
Der Code wurde 0 mal gestartet.
// Globale Variable :-(
counter = 0;
function losgehts() {
counter+=1;
document.getElementById("counter").innerHTML = counter;
document.getElementById("seitentitel").innerHTML = "Viel besserer Titel!";
}
===== DOM-Manip ohne globale Variablen und nötiger User-Interaktion =====
DOM-Manipulations in JavaScript
Lahmer Titel
Der Code wurde 0 mal gestartet.
// 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;
}
});
});
====== Aufgaben ======
Ziel ist es, alle Umrechnungstools auf einer Seite platzieren zu können. Dazu soll Ihre Seite folgenden Konventionen genügen:
* Der nötige HTML-Code wird von Ihrem JavaScript-Code dem Element ''