BananaMaster

26.2 - switch, case, default, if, else if, else, oninput ( Aulas JS )

Se esqueceu algo — clique para ir à aula.

Tarefa 1.

Crie um select com opções "red", "blue", "green" e um div. Quando o valor do select mudar, atualize a cor de fundo do div.

Tarefa 2.

Crie um input type="range" e um div. Quando o valor mudar, atualize a largura do div em pixels.

Tarefa 3.

Crie um input type="text", um botão e um div. Se o input estiver vazio — exiba "empty", caso contrário "not empty".

Tarefa 4.

Crie um select com opções "low", "medium", "high", um botão e um div. Quando o botão for clicado, exiba um número com base no valor selecionado: "low" — 1, "medium" — 2, "high" — 3.

Tarefa 5.

Crie um input type="number", um botão e um div. Se o número for maior que 0 e menor que 100 — exiba "número válido", caso contrário exiba uma string vazia ('').

Tarefa 6.

Crie um select com opções "html", "css", "js", um botão e um div. Quando clicado, exiba uma breve descrição: html — "structure", css — "style", js — "logic".

Tarefa 7.

Crie dois input type="range" e um div. Em tempo real, atualize a largura e a altura do div de 50px a 300px.