Task 1.
Erstelle ein input type="text", einen Button und ein div. Der Benutzer gibt den Namen
eines Planeten ein:
"mercury" — "1.", "venus" — "2.", "earth" — "3.", "mars" — "4.".
Wird etwas anderes eingegeben, "undefined" ausgeben.
Task 2.
Erstelle ein input type="text" und einen Button. Der Benutzer gibt eine Rolle ein:
"admin" — den Seitenhintergrund (body.style.background) rot (red) einfärben, "user" —
blau (blue), "guest" — grau
(grey).
Ist das Feld leer, den Hintergrund wieder auf weiß (white) setzen. Hinweis: Du musst
body
auswählen, um es zu ändern.
Task 3.
Erstelle ein input type="text", einen Button und ein div. Der Benutzer gibt ein Land ein:
"france" —
"Paris",
"japan" — "Tokyo", "germany" — "Berlin".
Wird etwas anderes eingegeben, "no found" ausgeben.
Task 4.
Erstelle ein input type="text", einen Button und ein div. Der Benutzer gibt einen
Wochentag ein:
"monday" — "work", "saturday" — "weekend", "sunday" — "weekend".
Wird etwas anderes eingegeben — "unknown" ausgeben.
Task 5.
Erstelle ein select mit den Optionen "km", "miles", "m", ein
input type="number",
einen Button und ein div. Rechne den Wert in Meter um: km × 1000, miles × 1609, m × 1.
Task 6.
Erstelle ein input type="text" und ein div. In Echtzeit (oninput): wird "happy" eingegeben
—
Textfarbe green, "sad" — red, "angry" — orange, "calm" — blue.
Bei etwas anderem die Farbe auf Standard zurücksetzen (black). Vergiss nicht, das Ergebnis im div
auszugeben.
Task 7.
Erstelle ein input type="text" und ein div. Setze in Echtzeit um (bei jeder Änderung):
der Benutzer gibt den Akkuladestand als Wort ein — "full" — "100%", "half" — "50%",
"low" — "20%",
"empty" — "0%".
Ist das Feld leer, "No" ausgeben.