BananaMaster

12.1 - innerHTML, input, select, value, querySelector, function, onclick, += (JavaScript)

Falls du etwas vergessen hast — klicke, um zur Lektion zurückzukehren.

Task 1.

Welchen Wert und Datentyp ergibt dieser Ausdruck?

3 * '2'

Task 2.

Welchen Wert und Datentyp ergibt dieser Ausdruck?

'-1' + 2

Task 3.

Welchen Wert und Datentyp ergibt dieser Ausdruck?

'lolo' - 'lo'

Task 4.

Erstelle ein div mit dem Text "LO" und einen Button. Füge bei jedem Klick auf den Button mit JavaScript den Buchstaben "O" zum Text hinzu. Der Text soll bei jedem Klick länger werden: "LO" → "LOO" → "LOOO" → "LOOOO". (Ausführliche Schreibweise verwenden.)

LO

Task 5.

Erstelle ein input und einen Button. Beim Klick auf den Button wird eine Funktion ausgeführt, die die vom Benutzer eingegebene Zahl mal 10 auf der Seite ausgibt.

Input i-5

Task 6.

Erstelle ein div. Speichere es in einer Variable out6. Schreibe mit innerHTML folgende Zeichenkette hinein:

<img src="https://cdn4.iconfinder.com/data/icons/food-and-drink-flat-gradient/32/cone_ice_cream_food_drink_sweet-512.png" alt="">

Beachte. Du musst eine Zeichenkette einfügen, die bereits Anführungszeichen enthält. Wichtig ist, dass sich die Anführungszeichen abwechseln. Umgib die Zeichenkette daher mit einfachen Anführungszeichen.

Task 7.

Erstelle einen Button mit dem Startwert 1. Erhöhe seinen Wert bei jedem Klick auf den Button um 1 (Klick-Zähler).