BananaMaster

26.4 - 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 "sun", "rain", "snow", um botão e um div. Ao clicar no botão, exiba a palavra correspondente: sun — "sunny", rain — "rainy", snow — "snowy".

Tarefa 2.

Crie um input type="number", um botão e um div. Se o número for maior que 0 — exiba "positive", se menor que 0 — "negative", se igual a 0 — "zero".

Tarefa 3.

Crie dois input type="number", um botão e um div. Ao clicar, defina a largura e a altura do div com os valores digitados.

Tarefa 4.

Crie um input type="number" e um botão. Se o número for maior que 100 — defina o fundo do botão para verde, caso contrário vermelho.

Tarefa 5.

Crie um input type="text". Se "yes" for digitado — defina o fundo do input para verde, caso contrário branco. (Deve funcionar em tempo real)

Tarefa 6.

Crie um input type="number", um botão e um div. Se o número for maior que 0 e menor que 10 — exiba "small number", caso contrário "no".

Tarefa 7.

Crie dois botões e um div. Ao clicar em "+20" aumente a largura do bloco em 20px, ao clicar em "-20" diminua em 20px. Mínimo — 40px, máximo — 300px. (Tamanho inicial — 100px × 100px)