BananaMaster

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

'Hello ' + '2'

Task 3.

Welchen Wert und Datentyp ergibt dieser Ausdruck?

'10' / '2'

Task 3.

Welchen Wert und Datentyp ergibt dieser Ausdruck?

'' + 1 - '2'

Task 4.

Erstelle einen Button und ein select mit den Optionen: "100px" und "200px" (der Optionstext muss den angegebenen Werten entsprechen). Ändere beim Wählen einer Größe im select die Breite des Buttons entsprechend dem gewählten Wert.

Task 5.

Erstelle 2 input mit type="number", ein div und einen Button. Gib beim Klick auf den Button ihre Summe im div aus (erste + zweite).

Input inp_5_1
Input inp_5_2

Task 6.

Erstelle ein input mit type="color" und einen Button. Ändere bei Änderung des Reglerwerts den Hintergrund des Buttons in Echtzeit.

Input i_6

Task 7.

Erstelle ein input mit dem Typ type="number" und einen Button. Gib eine Zahl in das Eingabefeld ein, und ändere beim Klick auf den Button seine Breite entsprechend dem im Eingabefeld angegebenen Wert

Input i_7