Notice: Undefined variable: root in /users/basti1012/www/index1.php on line 41
Mit JavaScript Teile aus HTML löschen

Mit JavaScript Teile aus HTML löschen

Folgende Aufgabe: Ergänzen Sie die Datei so, dass per Knopfdruck die dynamisch hinzugefügten Textzeilen wieder entfernt werden können.

Der hier verwendete Code

<html> <head> <title>Add text</title> <script> document.addEventListener('DOMContentLoaded', function () { var text = 'Dies ist noch mehr Typoblindtext.'; document.getElementById('knopf').addEventListener('click', createElement); function createElement(){ var textblock = document.getElementById('langertext'); var addition = document.createElement('div'); addition.id = 'plus'; addition.innerText = text; textblock.appendChild(addition); } }); function removeit() { var todel = document.getElementById("plus"); todel.remove(); } </script> </head> <body> <h2> Bitte Knopf drücken </h2> <button id="knopf">Text hinzufügen</button> <div id="langertext"> <p>Dies ist ein Typoblindtext. An ihm kann man sehen, ob alle Buchstaben da sind und wie sie aussehen.<br> Manchmal benutzt man Worte wie Hamburgefonts, Rafgenduks oder Handgloves, um Schriften zu testen. <br> Manchmal Sätze, die alle Buchstaben des Alphabets enthalten.</p> </div> <button onclick="removeit()">Weg damit</button> </body> </html>