Buttons führen den Code aus

Verwende das onClick-Attribut und sorge dafür, dass ein Alert erscheint, wenn man den Button anklickt. In diesem Quellcode kannst du sehen, wie man einem <input/>-Tag ein onclick-Attribut hinzufügt, damit es eine JavaScript-Funktion aufruft, wenn man es anklickt. Hier bewirkt die JavaScript-Funktion, dass auf dem Bildschirm eine Alert-Box erscheint, die Professor Bairstone daran erinnert, Hundekuchen zu kaufen. Der Wert des onclick-Attributs ist ein JavaScript-Funktionsaufruf in Anführungszeichen. Das bewirkt, das beim Anklicken diese Funktion ausgeführt wird.

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <title>Aufgabenliste-App</title>
    <script>
        function einfügen() {
        alert("Hundekuchen kaufen!");
    }
    </script>
</head>
<body>
      <p>Aufgaben für Sonderausstellung</p>
      <br/>
      <input type="text" value="Aufgabe eintippen"/>
      <br/>
      <input type="button" value="Einfügen" onclick="einfügen();" />
      <br/>
</body>
</html>

Beispiel ansehen

Zurück zur Mission