Die Basis-App erstellen

Code skill

Diese Quellcode ist die Vorlage für eine sehr einfache Basisversion für deine App. Die Webseite hat ein Textfeld und eine Schaltfläche (Button). Damit kann Professor Bairstone eine neue Aufgabe seiner Aufgabenliste hinzufügen. Er gibt in das Textfeld einen Text ein und klickt dann auf den Button.

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <title>Aufgabenliste-App</title>
  <script>
     function einfügenAufgabe() {
         var neueAufgabe = document.createElement("div");
         neueAufgabe.innerHTML = document.getElementById("Feld").value;
         document.getElementById("Liste").appendChild(neueAufgabe);
      }
   </script>
</head>
<body>
      <p>Aufgaben für Sonderausstellung</p>
      <br/>
      <input type="text" id="Feld" value="Aufgabe eintippen"/>
      <br/>
      <input type="button" value="Einfügen" onclick="einfügenAufgabe();" />
      <br/>
      <div id="Liste"></div>
</body>
</html>