Die Basis-App erstellen

Code skill

Dieser Quellcode ist die Vorlage für eine sehr einfache Basisversion deiner App. Die Webseite hat ein Textfeld und eine Schaltfläche (Button). Damit kann Professor Bairstone seiner Aufgabenliste eine neue Aufgabe 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>

Copyright © 2008 Walker Books Ltd
Illustrations © Duncan Beedie
All rights reserved.