Die Änderung speichern und die Datei im Browser öffnen.
Überprüfe, was passiert, wenn du den Button anklickst!
Dialogfenster
Wenn du die erste Aufgabe richtig gelöst hast, erscheint
beim Anklicken (onklick) des Buttons ein kleines
Dialogfenster mit der Meldung "Button wurde
geklickt!"
Unser Button ist ein Element des Dokuments (der
Webseite).
In der Anweisung document.getElementById("interaktiv").onclick =
clickHandler; findest du den Namen unseres Buttons. Du erinnerst dich? <button
id="interaktiv">
onclick meint: beim Anklicken
Dann kommt die Funktion clickHandler ins
Spiel.
Die Funktion alert(); gibt dann eine Meldung
aus. In diesem Fall "Button wurde geklickt!"
Zusammengefasst:
Wenn das Ereignis Mausklick beim Element mit der ID
"interaktiv" (Das ist unser Button.) eintritt, führt die
Handler-Funktion die Ausgabe der Mitteilung "Button wurde
geklickt!" über die Funktion alert durch.
Text-Eingabefeld
Dialogfenster sind kleine Mitteilungsboxen, die erscheinen,
wenn das Programm zum Aufruf von alert kommt.
Es gibt aber neben alert noch weitere Befehle, die
ein Dialogfenster öffnen.
Aufgabe 2
Erstelle ein Text-Eingabefeld mit der Anweisung
prompt().
Öffne deine letzte Version der Datei erste_webseite.
Füge dieses JavaScript an einer passenden Stelle ein.
<script>
prompt("Wie heißt du?");
</script>
Speichere als HTML-Datei und öffne diese.
Dieses Mal erscheint ein kleines Dialog-Fenster mit der Frage
"Wie heißt du?" und der Möglichkeit etwas hineinzuschreiben.
Aufgabe 2: if - else: wenn dann - sonst
Nicht verfügbar
Variable
Nicht verfügbar
Autor
Zusammengestellt von Gabriele Plaschke, Mittelschule
Bregenz-Stadt