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".