Task 1.
Créez un input type="text", un bouton et un div. L'utilisateur saisit le nom d'une
planète :
"mercury" — "1re", "venus" — "2e", "earth" — "3e", "mars" — "4e".
Si autre chose est saisi, afficher "undefined".
Task 2.
Créez un input type="text" et un bouton. L'utilisateur saisit un rôle :
"admin" — mettre le fond de la page (body.style.background) en rouge (red), "user" — en
bleu (blue), "guest" — en gris
(grey).
Si le champ est vide, remettre le fond en blanc (white). Indice : vous devrez sélectionner
body
pour le modifier.
Task 3.
Créez un input type="text", un bouton et un div. L'utilisateur saisit un pays : "france" —
"Paris",
"japan" — "Tokyo", "germany" — "Berlin".
Si autre chose est saisi, afficher "no found".
Task 4.
Créez un input type="text", un bouton et un div. L'utilisateur saisit un jour de la
semaine :
"monday" — "work", "saturday" — "weekend", "sunday" — "weekend".
Si autre chose est saisi — afficher "unknown".
Task 5.
Créez un select avec les options "km", "miles", "m", un input type="number",
un bouton et un div. Convertissez la valeur en mètres : km × 1000, miles × 1609, m × 1.
Task 6.
Créez un input type="text" et un div. En temps réel (oninput) : si "happy" est saisi —
couleur du texte green, "sad" — red, "angry" — orange, "calm" — blue.
Si autre chose — remettre la couleur par défaut (black). N'oubliez pas d'afficher le résultat dans le
div.
Task 7.
Créez un input type="text" et un div. Réalisez en temps réel (à chaque changement) :
l'utilisateur saisit le niveau de charge de la batterie avec un mot — "full" — "100%", "half" — "50%",
"low" — "20%",
"empty" — "0%".
Si le champ est vide, afficher "No".