HTML-Manipulation

Typischerweise werden die von JavaScript manipulierten HTML-Element mit einer ID versehen und darüber angesprochen.

Im HTML:

<div id="humpfdidumpf">Bla bla</div>

In JavaScript:

let res = "";
for (let i=1; i<21; i++) {
  res+=`<p>${i}&${i}=${i*i}`;
}
// Resultat auf HTML-Seite ausgeben.
document.getElementById("humpfdidumpf").innerHTML = res;

Mehr zu document.getElementById().

Es gibt weitere Methoden, Elemente auf einer Seite ausfindig zu machen, die aber für unsere Zwecke wohl noch nicht wichtig sind.

getElementsByClassName() (gibt ein Array zurück, möglicherweise leer)
getElementsByTagName() (gibt ein Array zurück, möglicherweise leer)
querySelector() und querySelectorAll()

Programmieren Sie ein Seite, die anzeigt, wie oft ein Knopf gedrückt wurde.

Programmieren Sie eine Seite, die zwei Knöpfe hat, womit sich die Hintergrundfarbe der Seite ändern lässt.

Hier erfahren Sie, wie der Stil eines HTML-Elements dynamisch geändert werden kann: https://www.w3schools.com/jsref/prop_html_style.asp