Folgende Aufgabe: Ergänzen Sie die Datei so, dass per Knopfdruck die dynamisch hinzugefügten Textzeilen wieder entfernt werden können.
Folgender Code:
Folgender Code:
| <html> | |
| <head> | |
| <title>Add text</title> | |
| <script language="JavaScript"> | |
| 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); | |
| } | |
| }); | |
| // Funktion zum Entfernen: | |
| function removeit() { | |
| var todel = document.getElementById("plus"); | |
| todel.remove(); | |
| } | |
| </script> | |
| </head> | |
| <body bgcolor="#ffffff"> | |
| <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> | |
| <!-- Knopf zum Entfernen --> | |
| <p> | |
| <button onclick="removeit()">Weg damit</button> | |
| </p> | |
| </body> | |
| </html> | |
