BananaMaster

4 - querySelector ou Como Selecionar um Elemento em JS (innerHTML em JavaScript) | Aulas JS

Se esqueceu algo — clique para ir à aula.

Tarefa 1.

Exiba seu nome no console.

Tarefa 2.

Exiba no console o número do mês em que você nasceu. Explore a diferença entre exibir um número e uma string.

Tarefa 3.

Exiba a seguinte string no console:

'Welcome' + ' to the ' + 'course'

Tarefa 4.

Usando console.log, exiba o número 2026. Após executar o código, comente-o para não interferir no desenvolvimento posterior.

Tarefa 5.

Usando console.log, exiba o resultado da operação:

2026 - 200

Tarefa 6.

Crie um div com class="one" na página. Usando document.querySelector, insira o texto 'Hello World' neste elemento.

Tarefa 7.

Crie um div com class="two" na página. Usando document.querySelector, insira o resultado de 12 multiplicado por 12 neste elemento. Use o operador asterisco (*) para multiplicação.

Tarefa 8.

Crie um div com class="three". Usando document.querySelector, insira o texto 'Hello World' neste elemento.

Tarefa 9.

Crie a seguinte marcação na página:

<h2>Hello <span>everyone</span></h2>

Hello everyone

Usando querySelector, substitua o texto "everyone" por "world".

Tarefa 10.

Crie um botão vazio com class="fore". Usando querySelector, insira um cabeçalho h3 com qualquer texto dentro do botão.