document.createElement('p'); // erstellt einen enuen Absatz
Beispiel:
let heading = document.getElementById('heading'); // suche Element mit id="heading" und übergebe das in die Variable "heading"
heading.addEventListener("click", function(){ // wenn "heading" geklickt wird ...
let itemList = document.getElementById("items"); // suche das Element mit der Id "items" (das ist vermutlich eine ul) und übergebe diesem Element die Variable "itemList"
let newItem = document.createElement("li"); // ... erstelle das Element "li" und übergebe das in die Variable "newItem" ...
newItem.innerText = "Orange"; // ... und schreibe in dieses Element den Text "Orange" ...
newItem.style.color = "orange"; // ... und färbe die Textfarbe für dieses Element in orange um
itemList.appendChild(newItem); // füge der "itemList" das Child "newItem" hinzu
}, false);
