Buttons

Soll auf Knopfdruck etwas geschehen, so setzt man einen Button ein.

Die HTML - Syntax lautet: <button onclick = "zahl()"> Klick mich <button>

Mit onclick = "zahl()" wird die Funktion zahl aufgerufen, wenn man auf den Button drückt.

In diesem Beispiel steht auf dem Button Klick mich. Die Beschriftung des Buttons kann natürlich frei gewählt werden.

Aufgaben

1. Füge einen Button in dein HTML - Dokument ein. Auf diesem steht Multplizieren. Wenn man auf diesen klickt, dann wird eine Funktion zum Multiplizieren zweier Zahlen gestartet.

2. Erstelle die Funktion zum Produkt zweier Zahlen.

3. Das Produkt der Zahlen aus Aufgabe 1 soll nun im HTML - Dokument ausgegeben werden.

Häufig möchte man, dass man einen Button nicht anklicken kann. Um einen Button "anzusprechen" benötigt dieser eine ID.

Hat ein Button z. B. die ID btn, dann kann man ihn mit folgender Syntax auf "disabled" setzen. document.getElementById("Btn").disabled = true;

Entsprechend würde man den Button mit document.getElementById("Btn").disabled = true; wieder anklickbar machen