Introdução ao JavaScriptArquivo - Exercicios de Repetição
1. Imprima os números de 1 a 10 no console usando for.
2. Solicite ao usuário um número e imprima a tabuada dele de 1 a 10.
3. Some os números de 1 a 100 e exiba o total.
4. Peça um número e continue solicitando até que ele seja par.
5. Crie um sistema que pede a senha até digitar '1234'.
6. Peça ao usuário um número e faça uma contagem regressiva até 0.
7. Pergunte 'Deseja continuar? (s/n)' até o usuário digitar 'n'.
8. Solicite um número entre 1 e 10 até ele digitar corretamente.
9. Liste todos os números primos entre 1 e 50.
10. Calcule o fatorial de um número fornecido pelo usuário.
Introdução ao JavaScriptArquivo - Exercicios de Condição:
11. Peça o nome e idade do usuário. Se a idade for ≥ 18, diga "Acesso permitido",
senão
"Acesso negado".
12. Crie um programa que pergunte o nome de um curso e diga se ele é "ADS",
"Engenharia" ou "Outro".
13. Imprima os números pares de 0 a 50 usando for.
14. Peça ao usuário um número e calcule o fatorial com while.
15.Solicite um nome e imprima ele invertido (Ex: "João" → "oãoJ").
16. Solicite uma frase e diga quantas palavras ela tem.
17. Crie um programa que solicite uma frase do usuário e:
Imprima o número de caracteres.
Verifique se contém a palavra “JavaScript”.
Troque uma palavra da frase por outra.
Desafios:
18. Dada a fórmula de conversão de Fahrenheit para Celsius abaixo, imprime no
console todos as temperaturas F e C de -30ºC a 150ºC, com incrementos de 10 em 10
19. A sequência de Fibonacci é um exercício clássico de programação. Nesse
exercício, leia um número inteiro dado pelo usuário (N) e, caso seja maior que
zero,
imprime no console os N primeiros números da sequência de Fibonacci.
Exercicios – Array e Funções
20. Números ímpares até N
Crie uma função que receba um número N e mostre na tela (document.write ou
innerHTML) todos os ímpares de 1 até N.
Use for + if.
21. Verificar se é palíndromo
Faça uma função que receba uma palavra e verifique se ela é um palíndromo (ex:
"arara",
"ovo"). A saída deve ser exibida em um alert dizendo “É palíndromo” ou “Não é
palíndromo”.
Use for e comparação de caracteres.
22. Produto dos elementos de um array
Crie uma função que receba um array de números e calcule o produto (multiplicação)
de
todos os elementos. O resultado deve ser exibido no console.
Use for.
23. Nomes em caixa alta
Crie uma função que receba um array de nomes e mostre cada um em maiúsculas. A
saída
deve ser exibida na tela (um abaixo do outro).
Use for + toUpperCase().
24. Contagem regressiva
Faça uma função que receba um número e mostre uma contagem regressiva até 0. A
saída
deve ser mostrada no alert em cada número.
Use while.
25. Multiplicar valores de array por 2
Escreva uma função que receba um array e retorne outro array com todos os valores
multiplicados por 2. O resultado deve ser exibido no console.
Use for ou map().
26. Média de idades
Crie uma função que receba um array de idades, calcule a média e exiba se o grupo é
“jovem” (média < 30) ou “adulto” (>= 30). A saída deve ir para a tela.
Use for + if.
27. Senha correta
Faça uma função que peça para o usuário digitar uma senha (usando prompt) até que
ele
acerte. Quando acertar, mostre um alert com “Acesso permitido”.
Use while + if.
28. Juntar arrays
Crie uma função que receba dois arrays e retorne um único com todos os elementos
juntos. O resultado deve ser exibido no console.
Use concat().
29. Maior e menor número
Escreva uma função que receba um array de números e mostre na tela o maior e o
menor
valor encontrados.
Use for + if.
30. Construir um Menu para que o usuario escolha qual dos 10 exercicios ele quer
executar e uma ultima opção para que ele sai da tela. Lembrando que o usuario pode
usar
letras minusculas quanto maisculas como metodo de entrada
Exercicios: DOM
31. Encontrar o pai
o Pegue o primeiro <button> na página.
o Use parentElement para descobrir dentro de qual <div> ele está.
o Mostre no console.
32. Ir para o próximo irmão
a. Selecione o primeiro <section>.
b. Use nextElementSibling para acessar a segunda <section>.
c. Troque o backgroundColor dessa seção para lightblue.
33. Ir para o irmão anterior
a. Selecione a terceira <section>.
b. Use previousElementSibling para chegar até a segunda <section>.
c. Coloque um texto "Achei você!" dentro dela (innerText).
34. Listar os filhos
a. Selecione o <main>.
b. Acesse sua propriedade children.
c. Mostre no console quantos <section> existem.
35. Acessar um filho específico
a. Pegue o primeiro <section>.
b. Use children[0] para acessar o <article>.
c. Dentro dele, use mais um children[0] para chegar ao <div> e depois ao
<button>.
d. Mude o texto do botão para "Clique Aqui".
36. Mover conteúdo com parentElement
• Selecione o botão da primeira <section>.
• Suba até chegar na <article> usando parentElement.
• Mova esse <article> para a terceira <section> (appendChild).
37. Pular irmãos em cadeia
• Selecione a primeira <section>.
• Use nextElementSibling.nextElementSibling para ir direto até a terceira
<section>.
• Adicione nela um <p> com o texto "Cheguei do primeiro irmão!".
38. Subir e descer na árvore
• Selecione o <button> da primeira <section>.
• Suba até o <section> (parentElement.parentElement.parentElement).
• Depois use nextElementSibling para cair na segunda <section>.
• Dentro dela, crie um novo <button> com o texto "Sou novo!".
39. Percorrer todos os filhos
• Pegue o <main>.
• Percorra todos os children com um for...of.
• Para cada <section>, adicione um <h2> com "Seção X" (onde X é o índice + 1).
•40. Clonar e inserir
• Selecione a primeira <section>.
• Clone-a com cloneNode(true).
• Use nextElementSibling para chegar na segunda <section> e insira o clone logo
antes dela (insertBefore).
Promises exercicios
41) Escreva uma função que faz um console.log("Início"), aguarda 3 segundos com
setTimeout e depois imprime "Fim".
Pergunta: Qual linha aparece primeiro no console? Por quê?
Como usar o setTimeout via arrow function:
setTimeout(() => {}, tempoemmilisegundos);
42) Crie uma Promise que sempre retorna "Olá, mundo!" após 2 segundos.
Teste com .then() para imprimir o resultado.
43) Crie uma Promise que pode terminar em sucesso ou falha (use Math.random() >
0.5).
Se sucesso → resolva com "Sucesso!".
Se falha → rejeite com "Erro!".
Trate os dois casos com .then() e .catch().
44)Encadeamento de Promises
Crie três funções: A(), B(), C().
A resolve após 1s com "A pronto".
B resolve após 1s com "B pronto".
C resolve após 1s com "C pronto".
Encadeie A().then(B).then(C) para que rodem em sequência.
Pergunta: E se chamar A(); B(); C(); direto, o que acontece?
45) Crie 3 Promises que resolvem em tempos diferentes (1s, 2s, 3s).
• Use Promise.all() para esperar todas terminarem e mostrar os resultados
juntos.
• Pergunta: E se uma falhar, o que acontece?
46) Use Promise.race() com 3 Promises de tempos diferentes.
Mostre quem retorna primeiro.
Pergunta: Para que situações reais isso seria útil?
47) Crie uma Promise que pode falhar.
Encadeie 3 .then() e mostre como o erro é capturado só no .catch() final.
Pergunta: Por que é mais simples tratar erros em Promises do que em callbacks?
48) Simule 2 chamadas:
carregarUsuario() → demora 2s.
carregarPosts() → demora 3s.
Use Promise.all() para só mostrar "Tela carregada" quando ambas terminarem.
Pergunta: Qual vantagem de carregar em paralelo em vez de sequência?
49) Crie uma função que mostra "Carregando..." no console.
• Use setTimeout com 5s para resolver uma Promise e imprimir "Dados
carregados!".
• Mostre como usar .finally() para sempre remover a mensagem "Carregando...".
