BananaMaster

11 - O evento onchange em select option (JavaScript) | Aulas JS

Se esqueceu algo — clique para ir à aula.

Tarefa 1.

Crie um elemento select com opções (One, Two). Quando o valor mudar (onchange), exiba o valor selecionado dentro de um div.

Tarefa 2.

Crie um botão e um select com opções "red" e "green" (o texto da opção deve corresponder aos valores). Quando uma cor for selecionada, atualize a cor de fundo do botão de acordo.

Tarefa 3.

Crie um botão e um select com opções "100px" e "200px" (o texto da opção deve corresponder aos valores). Quando um tamanho for selecionado, atualize a largura do botão de acordo.

Tarefa 4.

Crie um input com type="date", um botão e um div. Quando o botão for clicado, exiba a data selecionada dentro do div.

Input i-4

Tarefa 5.

Crie um botão e três elementos select:

• Primeiro: opções "100px" e "200px" para largura • Segundo: opções "50px" e "100px" para altura • Terceiro: opções "red" e "green" para cor de fundo

O texto da opção deve corresponder aos valores. Quando qualquer valor do select mudar, atualize o tamanho e a cor de fundo do botão de acordo. As alterações devem ocorrer em tempo real (onchange).

largura altura fundo