BananaMaster

7 - Como obter dados de um campo de entrada (input value em JavaScript) | Aulas JS

Se esqueceu algo — clique para ir à aula.

Tarefa 1.

Crie duas variáveis: e1 = 3 e f1 = 5. Exiba o resultado de e1 + f1 dentro de um div com a classe .out-1.

Tarefa 2.

Crie duas variáveis: e2 = '3' e f2 = 5. Exiba o resultado de e2 + f2 dentro de um div com a classe .out-2.

Tarefa 3.

Crie duas variáveis: e3 = 3 e f3 = 'Hello'. Exiba o resultado da multiplicação dessas variáveis dentro de um div com a classe .out-3.

Tarefa 4.

Crie duas variáveis: e4 = 'Hello ' e f4 = 'Master'. Exiba o resultado da soma dessas variáveis dentro de um div com a classe .out-4.

Tarefa 5.

Crie um div e um botão. Quando o botão for clicado, exiba a palavra "Master" dentro do div.

Tarefa 6.

Crie um input e um botão. Quando o botão for clicado, registre no console o valor digitado pelo usuário no input.

Tarefa 7.

Crie um input com a classe .i-7 e um botão. Quando o botão for clicado, adicione o valor digitado à página. Cada novo clique deve acrescentar ao texto existente (sem sobrescrever).

Input i-7

Tarefa 8.

Crie um input com a classe .i-8 e um botão. Quando o botão for clicado, exiba o valor digitado na página. Limpe o input após cada clique.

Input i-8

Tarefa 9.

Crie dois inputs (i_9_1 e i_9_2) e um botão. O usuário digita texto no primeiro input. Quando o botão for clicado, copie esse texto para o segundo input.

Input i_9_1
Input i_9_2

Tarefa 10.

Crie dois inputs (i_10_1 e i_10_2), um div e um botão. O usuário digita um nome no primeiro input e uma idade no segundo. Quando o botão for clicado, exiba o texto "Hello nome idade" dentro do div, usando os valores dos inputs.

Input i-10-1
Input i-10-2