BananaMaster

29 - Template literals no loop for ``, incremento e decremento (Aulas JS)

Se esqueceu algo, clique para ir à aula

Tarefa 1.

Crie um loop de 1 a 10. Exiba todos os números em um único console.log. Resultado: 1 2 3 4 5 6 7 8 9 10

Tarefa 2.

Crie um loop de 10 a 1. Exiba todos os números em um único console.log. Resultado: 10 9 8 7 6 5 4 3 2 1

Tarefa 3.

Crie um div na página. Faça um loop de 1 a 7. Envolva cada número em uma tag <p> usando um template literal. Exiba tudo dentro do div.

Tarefa 4.

Crie um div na página. Faça um loop de 1 a 10. A cada iteração, multiplique o número por 2, crie uma tag <p> separada e exiba o resultado usando um template literal. Formato de saída:

<p>2 * 1 = 2</p>

<p>2 * 2 = 4</p>

...

<p>2 * 10 = 20</p>

Tarefa 5.

Crie um ul na página. Faça um loop de 1 a 8. Envolva cada elemento em uma tag <li> usando um template literal. Texto dentro: Item 1, Item 2, e assim por diante. Exiba o resultado dentro da tag <ul>.

Tarefa 6.

Crie um input, um div e um button. O usuário digita um número. Crie um loop de contagem regressiva do número digitado até 1. Exiba cada passo no div dentro de uma tag <p> separada usando template literals.

Após o loop, adicione <p>GO!</p>

Resultado ao digitar 5:

5

4

3

2

1

GO!

Tarefa 7.

Crie um input para nome, um input para contagem, um div e um button. O usuário digita um nome e um número. Faça um loop de 1 até o número digitado. Exiba o resultado no div, colocando cada entrada em uma tag <p> separada usando template literal.

Resultado se o usuário digitou User e 3:

<p>User</p>

<p>User</p>

<p>User</p>