BananaMaster

12.3 - innerHTML, input, select, value, querySelector, function, onclick, += (JavaScript) | Aulas JS

Se esqueceu algo — clique para ir à aula.

Tarefa 1.

Qual será o valor e o tipo de dado desta expressão?

'Hello ' + '2'

Tarefa 2.

Qual será o valor e o tipo de dado desta expressão?

'10' / '2'

Tarefa 3.

Qual será o valor e o tipo de dado desta expressão?

'' + 1 - '2'

Tarefa 4.

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 5.

Crie dois inputs com type="number", um div e um botão. Quando o botão for clicado, exiba a soma (primeiro + segundo) dentro do div.

Input inp_5_1
Input inp_5_2

Tarefa 6.

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.

Input i_6

Tarefa 7.

Crie um input com type="number" e um botão. Digite um valor no input, e quando o botão for clicado, atualize a largura do botão com base nesse valor.

Input i_7