BananaMaster

10 - O evento onchange em input type="range" (trabalhando com style width e height) | Aulas JS

Se esqueceu algo — clique para ir à aula.

Tarefa 1.

Crie um input com type="range" e um botão. Quando o botão for clicado, registre no console o valor selecionado no input.

Tarefa 2.

Crie um input com type="range" e um botão. O usuário deve poder selecionar um valor com o slider. Quando o botão for clicado, mude a largura do botão com base no valor selecionado (use a propriedade width).

Tarefa 3.

Crie um input com type="color" e um botão. Quando o valor mudar, atualize a cor de fundo do botão em tempo real (use style.background).

Tarefa 4.

Crie um input com type="range" e um div. Quando o valor do slider mudar, exiba o valor selecionado dentro do div em tempo real.

Tarefa 5.

Crie dois inputs com type="range" (altura e largura) e um input com type="color" (fundo). Quando os valores mudarem, atualize o tamanho e a cor de fundo do botão em tempo real (use onchange).

Tarefa 6.

Crie um input com type="number" e um botão. Quando o botão for clicado, defina a largura do botão com o valor digitado no input.