BananaMaster

12.2 - 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?

'$' + 1 + 2

Task 2.

Welchen Wert und Datentyp ergibt dieser Ausdruck?

'10px' - '1px'

Task 3.

Welchen Wert und Datentyp ergibt dieser Ausdruck?

'10' - '2'

Task 4.

Erstelle ein h2 und einen Button. Beim Klick auf den Button wird eine Funktion ausgeführt, die das Ergebnis des Ausdrucks "10 + 20" im h2 ausgibt. Als Ergebnis sollte "30" erscheinen.

Task 5.

Erstelle einen Button und ein select mit den Optionen: "red" und "green" (der Optionstext muss den angegebenen Werten entsprechen). Ändere beim Wählen einer Farbe im select die Farbe des Buttons entsprechend dem gewählten Wert.

Task 6.

Erstelle drei input mit type="number" und einen Button. Beim Klick auf den Button wird in der Konsole der arithmetische Mittelwert der drei Zahlen ausgegeben. Formel: ( inp1 + inp2 + inp3 ) / 3

Input i_6_1
Input i_6_2
Input i_6_2

Task 7.

Erstelle ein input mit dem Typ "number" zur Eingabe deines monatlichen Einkommens, und ein select mit den Optionen: 1, 3, 6, 9, 12 Monate. Der Benutzer gibt den Einkommensbetrag im input ein und wählt die Anzahl der Monate im select. Berechne beim Klick auf den Button das Gesamteinkommen für die gewählte Anzahl Monate und gib das Ergebnis im div aus.

Dein monatliches Einkommen: Anzahl der Monate: