Tarea 1.
Crea un input type="text", un botón y un div. El usuario escribe el nombre de un planeta: "mercury" — "1º", "venus" — "2º", "earth" — "3º", "mars" — "4º". Si se introduce otra cosa — muestra "undefined".
Tarea 2.
Crea un input type="text" y un botón. El usuario introduce un rol: "admin" — hacer el fondo de la página (body.style.background) rojo, "user" — azul, "guest" — gris. Si el campo está vacío, restablecer el fondo a blanco.
Tarea 3.
Crea un input type="text", un botón y un div. El usuario escribe un país: "france" — "Paris", "japan" — "Tokyo", "germany" — "Berlin". Si se introduce otra cosa — muestra "no found".
Tarea 4.
Crea un input type="text", un botón y un div. El usuario escribe un día de la semana: "monday" — "work", "saturday" — "weekend", "sunday" — "weekend". Si se introduce otra cosa — muestra "unknown".
Tarea 5.
Crea un select con opciones "km", "miles", "m", un input type="number", un botón y un div. Convierte el valor a metros: km × 1000, miles × 1609, m × 1.
Tarea 6.
Crea un input type="text" y un div. En tiempo real (oninput): si se introduce "happy" — color del texto verde, "sad" — rojo, "angry" — naranja, "calm" — azul. Si es otra cosa — restablecer el color a negro. No olvides mostrar la respuesta en el div.
Tarea 7.
Crea un input type="text" y un div. En tiempo real: el usuario escribe el nivel de batería en palabras — "full" — "100%", "half" — "50%", "low" — "20%", "empty" — "0%". Si el campo está vacío — muestra "No".