Task 1.
Створіть input type="text", кнопку і div. Користувач вводить назву планети: "mercury" — "1-а", "venus" — "2-а", "earth" — "3-я", "mars" — "4-а". Якщо введено щось інше — вивести "undefined".
Task 2.
Створіть input type="text" і кнопку. Користувач вводить роль: "admin" — зробити фон сторінки (body.style.background) червоним (red), "user" — синім (blue), "guest" — сірим (grey). Якщо поле пусте, повернути фон до білого (white). Підказка: вам потрібно буде підключити body, щоб його змінювати.
Task 3.
Створіть input type="text", кнопку і div. Користувач вводить країну: "france" — "Paris", "japan" — "Tokyo", "germany" — "Berlin". Якщо введено щось інше — вивести "no found".
Task 4.
Створіть input type="text", кнопку і div. Користувач вводить день тижня: "monday" — "work", "saturday" — "weekend", "sunday" — "weekend". Якщо введено щось інше — вивести "unknown".
Task 5.
Створіть select з варіантами "km", "miles", "m", input type="number", кнопку і div. Перекладіть значення в метри: km × 1000, miles × 1609, m × 1.
Task 6.
Створіть input type="text" і div. В реальному часі (oninput): якщо введено "happy" — колір тексту green, "sad" — red, "angry" — orange, "calm" — blue. Якщо щось інше — скинути колір на стандартний (black). Не забудьте вивести відповідь в div.
Task 7.
Створіть input type="text" і div. Реалізуйте в реальному часі (при будь-якій зміні): користувач вводить рівень заряду батареї словом — "full" — "100%", "half" — "50%", "low" — "20%", "empty" — "0%". Якщо поле пусте — вивести "No".