Tarefa 1.
Crie um input type="text", um botão e um div. O usuário digita o nome de um planeta:
"mercury" — "1st", "venus" — "2nd", "earth" — "3rd", "mars" — "4th".
Se algo diferente for digitado, exiba "undefined".
Tarefa 2.
Crie um input type="text" e um botão. O usuário digita um papel:
"admin" — defina o fundo da página (body.style.background) para vermelho,
"user" — azul,
"guest" — cinza.
Se o input estiver vazio, redefina o fundo para branco.
Tarefa 3.
Crie um input type="text", um botão e um div. O usuário digita um país:
"france" — "Paris",
"japan" — "Tokyo",
"germany" — "Berlin".
Se algo diferente for digitado, exiba "no found".
Tarefa 4.
Crie um input type="text", um botão e um div. O usuário digita um dia da semana:
"monday" — "work",
"saturday" — "weekend",
"sunday" — "weekend".
Se algo diferente for digitado — exiba "unknown".
Tarefa 5.
Crie um select com opções "km", "miles", "m", um input type="number",
um botão e um div. Converta o valor para metros:
km × 1000, miles × 1609, m × 1.
Tarefa 6.
Crie um input type="text" e um div. Em tempo real (oninput):
se "happy" for digitado — a cor do texto fica verde,
"sad" — vermelha,
"angry" — laranja,
"calm" — azul.
Se algo diferente for digitado, redefina a cor para padrão (preto).
Tarefa 7.
Crie um input type="text" e um div. Implemente comportamento em tempo real (ao digitar):
o usuário digita um nível de bateria como palavra —
"full" — "100%",
"half" — "50%",
"low" — "20%",
"empty" — "0%".
Se o input estiver vazio, exiba "No".