Esses exercícios foram elaborados para ajudá-lo a fixar o conteúdo de diferentes tópicos em JavaScript. O objetivo é praticar os conceitos aprendidos, explorando a resolução de problemas de forma prática e eficiente.
A proposta é que você resolva os exercícios de maneira flexível, utilizando as ferramentas e abordagens que considerar mais adequadas. O importante é que, ao final, o programa entregue o resultado esperado. Não se prenda a uma única forma de resolver cada exercício, explore alternativas e encontre a solução que você considere mais clara e eficiente.
O objetivo principal desses exercícios é solidificar o aprendizado por meio da prática. Você pode encontrar diferentes maneiras de resolver os mesmos problemas. O que importa é garantir que o resultado final seja o esperado, independentemente da abordagem escolhida.
Em alguns exercícios, como os de validação de dados, algoritmos, ou estruturas de controle, podem existir diversas maneiras de implementar a solução. O importante é garantir que o resultado final seja o correto.
❗ Como veremos funções somente no tópico 17 da revisão, alguns exercícios entre os tópicos 1.Operadores Lógicos e 13.Objetos podem solicitar para criar uma função. Porém, caso você ainda não saiba como utilizá-las, não tem problema! Resolva os exercícios diretamente com código.
EX:
const idade = 65;
if (idade > 60) {
console.log("Você é idoso.");
}
function verificarIdoso(idade) {
if (idade > 60) {
console.log("Você é idoso.");
}
}
verificarIdoso(65);
Se você se deparar com algum exercício e não souber como começar ou como avançar, uma ótima estratégia é procurar uma IA para ajudar na lógica do exercício, ao invés de simplesmente pedir a resposta pronta.
- Forneça o enunciado do exercício para a IA.
- Peça ajuda para entender a lógica necessária para resolver o problema.
- Conforme for montando o código, peça para a IA analisar seu progresso e sugerir melhorias.
Isso vai ajudá-lo a entender o processo de resolução e, ao mesmo tempo, melhorar suas habilidades de codificação! 😊
🏆 Pratique esses exercícios com atenção, e conforme for avançando, procure sempre simplificar suas soluções, tornando-as mais legíveis e eficientes. Boa prática!
Se precisar de mais alguma coisa ou se surgir alguma dúvida durante a resolução, estou à disposição! 😊
- 01. Exercícios sobre Operadores Lógicos
- 02. Exercícios de Estruturas Condicionais: If, Else e Else If
- 03. Exercícios de Estruturas Condicionais: Switch
- 04. Exercícios de Estruturas de Repetição
- 05. Exercícios sobre Estruturas de Dados
- 06. Exercícios sobre Arrays Métodos
- 07. Exercícios de Arrays Iteração
- 08. Exercícios sobre Arrays Bidimensionais
- 09. Exercícios Focados em
flat
emap
para Arrays Bidimensionais - 10. Exercícios sobre Arrays Bidimensionais for, reduce e filter
- 11. Exercícios sobre Arrays Bidimensionais every, sort, combinação e busca com indices
- 12. Criação e Manipulação de Objetos
- 13. Exercícios de Objetos: new, this, keys, values, entries, herança e prototipagem
- 14. Exercícios de Funções, Parâmetros Padrão, Rest Parameter e Desestruturação de Parâmetros
- 15. Exercícios de Function, retorno, arrow, múltiplos valores e antecipado
- 16. Exercícios de Escopo
- 17. Exercícios de métodos de objetos
- 18. Exercícios de Funções Recursivas
- 19. Exercícios sobre Funções Anônimas e Callback
- 20. Exercícios sobre Arrow Functions
- 21. Exercícios sobre IIFE (Immediately Invoked Function Expression)
- 22. Exercícios sobre High-order Functions
- 23. Exercícios sobre High-order Functions e Arrays
- 24. Exercícios Eventos, DOM e Manipulação em JavaScript
-
Verificação de maioridade
Descrição: Crie um programa que verifique se uma pessoa é maior de idade. A pessoa é maior de idade se tiver 18 anos ou mais. -
Checagem de número par
Descrição: Escreva uma função que checa se um número fornecido é par, retornandotrue
se for par efalse
se for ímpar. -
Verificação de número positivo
Descrição: Crie uma função que retornatrue
se um número for positivo ou zero efalse
caso contrário. -
Verificação de dois valores iguais
Descrição: Escreva uma função que verifica se dois valores são iguais. A função deve retornartrue
se forem iguais efalse
caso contrário. -
Checagem de voto
Descrição: Crie uma função que verifica se um eleitor pode votar. A pessoa pode votar se tiver 16 anos ou mais.
-
Verificação de permissões
Descrição: Crie uma função que verifica se um usuário tem permissão para acessar uma página, baseado em duas condições: o usuário deve estar logado e ser maior de idade. -
Checagem de idade para categorias de jogo
Descrição: Crie um programa que checa se uma pessoa pode participar de uma categoria de jogo. As regras são:- Se a idade for maior ou igual a 18, ela pode participar da categoria A.
- Se a idade for maior ou igual a 12, ela pode participar da categoria B.
- Caso contrário, a pessoa não pode participar.
-
Verificação de acesso com múltiplos critérios
Crie uma função que verifica se um usuário tem permissão para acessar uma página com base nos seguintes critérios:- O usuário deve ser maior de idade e estar logado.
- Além disso, o usuário deve ter uma conta ativa ou permissão adequada (como "admin" ou "editor").
-
Checagem de dados do formulário
Descrição: Escreva uma função que valida um formulário de registro. As condições de validação são:- O nome do usuário não pode ser vazio.
- A senha deve ter pelo menos 8 caracteres e conter pelo menos um número e um caractere especial.
-
Verificação de entrada para um evento
Descrição: Crie um programa que verifica se uma pessoa pode entrar em um evento. Para isso, a pessoa deve:- Ser maior de 18 anos.
- Estar acompanhada de um adulto (se tiver entre 16 e 18 anos).
-
Controle de acesso com múltiplas permissões
Descrição: Crie um sistema de controle de acesso que deve verificar se um usuário tem acesso a uma página, com base em 3 condições:- O usuário deve ser maior de 21 anos.
- O usuário deve ser um administrador.
- O usuário não pode estar banido.
-
Verificação de elegibilidade para promoção
Descrição: Escreva uma função que determina se um cliente é elegível para uma promoção. Para ser elegível, ele deve:- Ter feito compras acima de 500 reais ou ser um cliente VIP.
- Não pode ter feito compras fraudulentas.
-
Validação de dados complexos
Descrição: Escreva uma função que valide se um usuário pode se registrar, considerando que:- A idade deve estar entre 18 e 30.
- O nome não pode ser vazio.
- A senha deve ter no mínimo 8 caracteres, um número e um caractere especial.
-
Checagem de permissões avançadas
Descrição: Crie um programa que verifica se um usuário pode acessar um sistema. As condições são:- O usuário deve ser maior de 18 anos.
- O usuário deve ser administrador.
- O usuário não pode ter sido banido.
- O usuário deve ter feito pelo menos 1 compra no último mês.
-
Verificação de números dentro de múltiplos intervalos
Descrição: Crie uma função que checa se um número está dentro de qualquer um dos seguintes intervalos:- De 10 a 20.
- De 30 a 40.
Esses exercícios têm o objetivo de ajudar você a entender e praticar o uso de estruturas condicionais em JavaScript. Em cada exercício, você será desafiado a implementar condições para diferentes cenários.
Descrição: Crie uma função que recebe dois números e retorna o maior deles.
Exemplo de entrada: 10, 5
Exemplo de saída: 10
Descrição: Crie uma função que verifica se um número é par ou ímpar. A função deve retornar "par" ou "ímpar".
Exemplo de entrada: 7
Exemplo de saída: "ímpar"
Descrição: Crie uma função que recebe a idade de uma pessoa e retorna se ela é maior de idade ("maior de idade") ou menor de idade ("menor de idade").
Exemplo de entrada: 20
Exemplo de saída: "maior de idade"
Descrição: Crie uma função que recebe um número e verifica se ele é positivo, negativo ou igual a zero. A função deve retornar uma string com a descrição.
Exemplo de entrada: -5
Exemplo de saída: "negativo"
Descrição: Crie uma função que recebe um número e verifica se ele é múltiplo de 3. Retorne "é múltiplo de 3" ou "não é múltiplo de 3".
Exemplo de entrada: 9
Exemplo de saída: "é múltiplo de 3"
Descrição: Crie uma função que recebe três números e retorna o maior deles.
Exemplo de entrada: 10, 5, 20
Exemplo de saída: 20
Descrição: Crie uma função que recebe um número de 1 a 7 e retorna o nome do dia da semana correspondente (1 = "Domingo", 2 = "Segunda", etc.).
Exemplo de entrada: 4
Exemplo de saída: "Quarta-feira"
Descrição: Crie uma função que recebe uma nota de 0 a 10 e retorna a classificação do aluno. A classificação deve ser:
- A para notas de 9 a 10,
- B para notas de 7 a 8.9,
- C para notas de 5 a 6.9,
- D para notas de 0 a 4.9.
Exemplo de entrada: 8
Exemplo de saída: "B"
Descrição: Crie uma função que recebe três números e verifica se é possível formar um triângulo com esses valores. Para ser um triângulo, a soma de dois lados deve ser sempre maior que o terceiro lado.
Exemplo de entrada: 3, 4, 5
Exemplo de saída: "Triângulo válido"
Descrição: Crie uma função que recebe um ano e verifica se ele é bissexto. Um ano é bissexto se for divisível por 4, mas não por 100, ou se for divisível por 400.
Exemplo de entrada: 2024
Exemplo de saída: "Ano bissexto"
Descrição: Crie uma função que recebe a velocidade de um carro e classifica a velocidade como:
- "acelerando" se a velocidade for maior que 120 km/h,
- "normal" se a velocidade for de 60 a 120 km/h,
- "muito lenta" se a velocidade for menor que 60 km/h.
Exemplo de entrada: 150
Exemplo de saída: "acelerando"
Descrição: Crie uma função que recebe um número e verifica se ele é primo. Um número é primo se ele for maior que 1 e não for divisível por nenhum número além de 1 e ele mesmo.
Exemplo de entrada: 29
Exemplo de saída: "Primo"
Descrição: Crie uma função que recebe a idade de uma pessoa e retorna a categoria dela, baseada na seguinte faixa etária:
- "Criança" de 0 a 12 anos,
- "Adolescente" de 13 a 17 anos,
- "Adulto" de 18 a 59 anos,
- "Idoso" de 60 anos em diante.
Exemplo de entrada: 15
Exemplo de saída: "Adolescente"
Descrição: Crie uma função que recebe dois números (um de cada jogador) e verifica quem venceu o jogo de "Par ou Ímpar". Caso a soma dos dois números seja par, o primeiro jogador vence, caso contrário, o segundo jogador vence.
Exemplo de entrada: 4, 5
Exemplo de saída: "Primeiro jogador venceu"
-
Dia da Semana (Switch)
- Descrição: Crie uma função que recebe um número de 1 a 7 e retorna o nome do dia da semana correspondente.
- 1: Domingo
- 2: Segunda-feira
- 3: Terça-feira
- 4: Quarta-feira
- 5: Quinta-feira
- 6: Sexta-feira
- 7: Sábado
- Descrição: Crie uma função que recebe um número de 1 a 7 e retorna o nome do dia da semana correspondente.
-
Verificação de Nota (Switch)
- Descrição: Crie uma função que recebe uma nota de 0 a 10 e retorna a classificação:
- 9 e 10: A
- 7 a 8: B
- 5 a 6: C
- Abaixo de 5: D
- Descrição: Crie uma função que recebe uma nota de 0 a 10 e retorna a classificação:
-
Escolha de Fruta (Switch)
- Descrição: Crie uma função que recebe o nome de uma fruta e retorna se ela é doce, ácida ou neutra:
- "maçã": doce
- "laranja": ácida
- "melão": neutra
- Descrição: Crie uma função que recebe o nome de uma fruta e retorna se ela é doce, ácida ou neutra:
-
Verificar Tipo de Número (Switch)
- Descrição: Crie uma função que verifica se um número é positivo, negativo ou zero.
-
Escolha de Cor (Switch)
- Descrição: Crie uma função que recebe uma cor e retorna se é primária ou secundária.
- "vermelho": primária
- "azul": primária
- "amarelo": primária
- "verde": secundária
- "laranja": secundária
- "roxo": secundária
- Descrição: Crie uma função que recebe uma cor e retorna se é primária ou secundária.
-
Classificação de Faixa Etária (Switch)
- Descrição: Crie uma função que recebe uma idade e retorna a faixa etária:
- 0-12: Criança
- 13-17: Adolescente
- 18-59: Adulto
- 60+: Idoso
- Descrição: Crie uma função que recebe uma idade e retorna a faixa etária:
-
Gênero Musical (Switch)
- Descrição: Crie uma função que recebe um número e retorna o gênero musical:
- 1: Pop
- 2: Rock
- 3: Jazz
- 4: Blues
- 5: Hip-hop
- Descrição: Crie uma função que recebe um número e retorna o gênero musical:
-
Escolha de Comida (Switch)
- Descrição: Crie uma função que recebe o nome de uma comida e retorna o tipo de refeição correspondente:
- "café": café da manhã
- "almôndega": almoço
- "sopa": jantar
- Descrição: Crie uma função que recebe o nome de uma comida e retorna o tipo de refeição correspondente:
-
Placa de Trânsito (Switch)
- Descrição: Crie uma função que recebe o código de uma placa de trânsito e retorna o tipo de sinalização:
- 1: Pare
- 2: Atenção
- 3: Proibido
- 4: Liberação
- Descrição: Crie uma função que recebe o código de uma placa de trânsito e retorna o tipo de sinalização:
-
Tamanho de Camisa (Switch)
- Descrição: Crie uma função que recebe um número e retorna o tamanho de uma camiseta:
- 1: P
- 2: M
- 3: G
- 4: GG
- Descrição: Crie uma função que recebe um número e retorna o tamanho de uma camiseta:
-
Classificação de Carro (Switch)
- Descrição: Crie uma função que recebe o tipo de combustível de um carro (1 - Gasolina, 2 - Álcool, 3 - Diesel, 4 - Elétrico) e retorna se o carro é eficiente ou não:
- Gasolina: eficiente
- Álcool: eficiente
- Diesel: não eficiente
- Elétrico: altamente eficiente
- Descrição: Crie uma função que recebe o tipo de combustível de um carro (1 - Gasolina, 2 - Álcool, 3 - Diesel, 4 - Elétrico) e retorna se o carro é eficiente ou não:
-
Classificação de Rendimento (Switch)
- Descrição: Crie uma função que recebe um número de 1 a 10 e classifica o rendimento:
- 1-3: Baixo
- 4-6: Médio
- 7-9: Bom
- 10: Excelente
- Descrição: Crie uma função que recebe um número de 1 a 10 e classifica o rendimento:
-
Escolha de País (Switch)
- Descrição: Crie uma função que recebe o nome de um país e retorna o continente:
- "Brasil": América do Sul
- "Estados Unidos": América do Norte
- "China": Ásia
- "França": Europa
- Descrição: Crie uma função que recebe o nome de um país e retorna o continente:
-
Gestão de Estoque (Switch)
- Descrição: Crie uma função que recebe o status de um item (1 - disponível, 2 - esgotado, 3 - em promoção) e retorna a ação que deve ser tomada:
- Disponível: vender
- Esgotado: reposicionar estoque
- Em promoção: destacar no site
- Descrição: Crie uma função que recebe o status de um item (1 - disponível, 2 - esgotado, 3 - em promoção) e retorna a ação que deve ser tomada:
-
Mês do Ano (Switch)
- Descrição: Crie uma função que recebe um número de 1 a 12 e retorna o nome do mês correspondente.
-
Soma de Números de 1 até N (Usando For) Crie um programa que receba um número
N
do usuário e calcule a soma de todos os números inteiros de 1 atéN
. O resultado da soma deve ser impresso na tela. Por exemplo, seN
for 5, a soma será1 + 2 + 3 + 4 + 5
. -
Contagem de 1 até N (Usando For) Crie um programa que faça uma contagem de 1 até um número
N
fornecido pelo usuário. O programa deve imprimir cada número da contagem em uma linha separada. Por exemplo, seN
for 4, a saída será:
1 2 3 4
- Tabuada de Multiplicação (Usando For)
Crie um programa que exiba a tabuada de multiplicação de um número
N
fornecido pelo usuário. A tabuada deve ser exibida de 1 a 10. Por exemplo, seN
for 3, a saída será:
3 x 1 = 3 3 x 2 = 6 3 x 3 = 9 ... 3 x 10 = 30
- Contagem Regressiva (Usando While)
Crie um programa que faça uma contagem regressiva a partir de um número
N
fornecido pelo usuário, até o número zero. Cada número deve ser impresso na tela, um por linha. Por exemplo, seN
for 5, a saída será:
5 4 3 2 1 0
- Soma dos Números Pares (Usando While)
Crie um programa que calcule a soma de todos os números pares de 1 até um número
N
fornecido pelo usuário. A soma deve ser exibida no final. Por exemplo, seN
for 10, a soma será2 + 4 + 6 + 8 + 10
.
-
Fatorial de um Número (Usando While) Crie um programa que calcule o fatorial de um número
N
fornecido pelo usuário. O fatorial de um número é o produto de todos os números inteiros de 1 atéN
. Por exemplo, seN
for 5, o fatorial será5! = 5 x 4 x 3 x 2 x 1 = 120
. -
Imprimir Sequência de Fibonacci (Usando For)
Descrição: Crie um programa que imprima os N
primeiros números da sequência de Fibonacci, onde N
é fornecido pelo usuário. A sequência de Fibonacci começa com 0 e 1, e cada número subsequente é a soma dos dois anteriores. Por exemplo, se N
for 6, a sequência será: 0, 1, 1, 2, 3, 5
.
-
Contagem de Números Positivos e Negativos (Usando Do...While) Crie um programa que leia números fornecidos pelo usuário até que ele digite o número zero. O programa deve contar quantos números positivos e negativos foram fornecidos, e exibir o total de cada tipo. O número zero não conta na contagem.
-
Verificação de Primo (Usando For) Crie um programa que receba um número
N
e determine se ele é primo. Um número primo é aquele que só pode ser dividido por 1 e por ele mesmo. O programa deve informar se o número é primo ou não. -
Imprimir Números Divisíveis por X (Usando While) Crie um programa que imprima todos os números divisíveis por
X
entre 1 eN
, ondeX
eN
são fornecidos pelo usuário. Por exemplo, seX
for 3 eN
for 20, a saída será:3, 6, 9, 12, 15, 18
.
-
Soma de Números Ímpares (Usando Do...While) Crie um programa que calcule a soma de todos os números ímpares entre 1 e
N
, ondeN
é fornecido pelo usuário. O programa deve imprimir a soma final. Por exemplo, seN
for 10, a soma será1 + 3 + 5 + 7 + 9
. -
Inverter um Número (Usando For) Crie um programa que inverta os dígitos de um número fornecido pelo usuário. Por exemplo, se o número for 1234, a saída será 4321. O programa deve funcionar para números com qualquer quantidade de dígitos.
-
Contar Quantos Números Fatores de X (Usando While) Crie um programa que receba dois números
X
eN
. O programa deve contar quantos números de 1 atéN
são múltiplos deX
. Por exemplo, seX
for 3 eN
for 20, a saída será6
, pois os múltiplos de 3 entre 1 e 20 são:3, 6, 9, 12, 15, 18
. -
Imprimir Números Crescentes e Decrescentes (Usando For e While) Crie um programa que imprima números de 1 até
N
de forma crescente, e depois faça uma contagem regressiva deN
até 1. O númeroN
deve ser fornecido pelo usuário. Exemplo: SeN
for 5, a saída será:
1 2 3 4 5 5 4 3 2 1
- Gerar uma Tabela de Multiplicação (Usando For)
Crie um programa que gere uma tabela de multiplicação de 1 até
N
fornecido pelo usuário. A tabela deve ser organizada com linhas e colunas, onde cada célula será o resultado da multiplicação entre os números. Por exemplo, seN
for 3, a tabela será:
1 x 1 = 1 1 x 2 = 2 1 x 3 = 3 2 x 1 = 2 2 x 2 = 4 2 x 3 = 6 3 x 1 = 3 3 x 2 = 6 3 x 3 = 9
-
Criando e Acessando um Array Crie um array com 5 números inteiros e imprima cada um deles no console. A seguir, acesse e imprima o primeiro e o último elemento do array.
-
Soma de Elementos de um Array Dado um array de números, crie uma função que retorne a soma de todos os elementos do array.
-
Adicionar e Remover Elementos de um Array Crie um array com alguns nomes. Adicione um nome ao final e remova o primeiro nome do array. Imprima o array após essas operações.
-
Filtrando Elementos de um Array Crie um array de números e filtre apenas os números maiores que 10.
-
Verificando a Existência de um Elemento em um Array Crie um array de strings e verifique se um determinado nome está presente no array.
-
Inverter um Array Descrição: Crie uma função que inverta a ordem dos elementos de um array.
-
Objetos com Propriedades Dinâmicas Crie um objeto de pessoa com propriedades como
nome
eidade
. Adicione uma nova propriedade chamadacidade
e imprima o objeto completo. -
Encontrando o Maior Valor em um Array Crie uma função que encontre o maior número em um array de números.
-
Ordenando um Array de Strings Crie um array de strings e ordene-o em ordem alfabética.
-
Remover Duplicatas de um Array Crie uma função que remova os elementos duplicados de um array de números.
-
Implementando uma Pilha (Stack) Implemente uma pilha que tenha os métodos
push
,pop
etop
. Depois, crie uma instância da pilha e adicione e remova alguns elementos. -
Implementando uma Fila (Queue) Implemente uma fila com os métodos
enqueue
(adicionar elemento) edequeue
(remover elemento). Depois, crie uma fila e faça algumas operações. -
Buscando um Elemento em uma Lista Dado um array de objetos representando pessoas, implemente uma função que busque uma pessoa pelo nome e retorne o objeto completo da pessoa.
-
Implementando um Dicionário (Mapa) Implemente uma estrutura de dados de dicionário (map) que possa armazenar pares chave-valor. Implemente os métodos para adicionar, remover e acessar um valor pelo nome da chave.
-
Exercício 1:
Dado o arraylet frutas = ["maçã", "banana", "laranja"];
, adicione o elemento"manga"
ao final do array utilizando o métodopush()
. Imprima o array após a modificação. -
Exercício 2:
Crie um arraylet numeros = [1, 2, 3, 4];
e use opush()
para adicionar o número5
ao final. Mostre o array após a alteração.
-
Exercício 3:
Crie um arraylet alunos = ["Ana", "Carlos", "Beatriz"];
. Adicione mais dois nomes ao final usandopush()
. Depois, mostre o array completo. -
Exercício 4:
Dado o arraylet times = ["Flamengo", "São Paulo", "Palmeiras"];
, adicione três times de futebol ao final do array e exiba o resultado.
-
Exercício 5:
Crie um array de objetos representando produtos em estoque:
let produtos = [{nome: "Camiseta", preco: 29.90}, {nome: "Calça", preco: 79.90}];
.
Adicione um novo produto ao final do array utilizandopush()
. O novo produto deve ser um objeto comnome
epreco
. -
Exercício 6:
Dado um arraylet ids = [101, 102, 103, 104];
, crie um novo arraylet novosIds = [105, 106]
e adicione os valores denovosIds
ao final deids
usandopush()
.
-
Exercício 1:
Dado o arraylet frutas = ["maçã", "banana", "laranja"];
, use o métodopop()
para remover o último item do array e mostre o array após a remoção. -
Exercício 2:
Crie um arraylet numeros = [10, 20, 30, 40];
e remova o último número com o métodopop()
. Imprima o array após a operação.
-
Exercício 3:
Crie um arraylet cores = ["vermelho", "azul", "verde", "amarelo"];
. Remova o último elemento e imprima a cor removida junto com o array restante. -
Exercício 4:
Dado o arraylet animais = ["gato", "cachorro", "pássaro", "hamster"];
, remova o último animal e exiba o novo array.
-
Exercício 5:
Dado o arraylet pilha = [1, 2, 3, 4, 5];
, use opop()
para remover dois elementos do final da pilha e exiba o conteúdo restante. -
Exercício 6:
Crie um arraylet documentos = [{nome: "contrato.pdf"}, {nome: "relatorio.docx"}, {nome: "imagem.jpg"}];
. Remova o último documento e exiba o nome do documento removido.
-
Exercício 1:
Dado o arraylet frutas = ["banana", "maçã", "laranja"];
, adicione o elemento"manga"
no início do array utilizando o métodounshift()
. Mostre o array resultante. -
Exercício 2:
Crie um arraylet numeros = [2, 3, 4];
e adicione o número1
no início usando o métodounshift()
. Imprima o array depois da alteração.
-
Exercício 3:
Crie um arraylet carros = ["Fusca", "Gol", "Civic"];
. Adicione dois carros ao início do array e mostre o novo array. -
Exercício 4:
Dado o arraylet paises = ["Brasil", "Argentina", "Chile"];
, adicione o país"Peru"
e"Colômbia"
no início utilizandounshift()
. Exiba o resultado.
-
Exercício 5:
Dado o arraylet pessoas = [{nome: "João", idade: 30}, {nome: "Maria", idade: 25}];
, adicione um novo objeto no início do array. O novo objeto deve ser{nome: "José", idade: 40}
. Mostre o novo array. -
Exercício 6:
Crie um arraylet livros = ["O Hobbit", "1984", "Dom Quixote"];
. Adicione o livro"Moby Dick"
e"A Guerra dos Tronos"
no início do array utilizandounshift()
. Mostre o array completo.
-
Exercício 1:
Dado o arraylet frutas = ["maçã", "banana", "laranja"];
, remova o primeiro elemento do array usando o métodoshift()
. Mostre o array após a remoção. -
Exercício 2:
Crie um arraylet numeros = [10, 20, 30, 40];
e remova o primeiro número com o métodoshift()
. Exiba o array resultante.
-
Exercício 3:
Crie um arraylet cores = ["vermelho", "azul", "verde", "amarelo"];
. Remova a primeira cor e imprima o array com as cores restantes. -
Exercício 4:
Dado o arraylet alunos = ["Ana", "Carlos", "Beatriz", "Davi"];
, remova o primeiro aluno e imprima o nome removido e o array restante.
-
Exercício 5:
Crie um arraylet notas = [8.5, 7.2, 9.0, 6.8];
. Useshift()
para remover a primeira nota e, em seguida, calcule a média das notas restantes. -
Exercício 6:
Dado o arraylet cidades = ["São Paulo", "Rio de Janeiro", "Belo Horizonte", "Porto Alegre"];
, remova a primeira cidade e exiba as cidades restantes com o índice de cada cidade.
-
Exercício 1:
Dado o arraylet frutas = ["maçã", "banana", "laranja"];
, encontre o índice da fruta"banana"
usando o métodoindexOf()
. Exiba o índice encontrado. -
Exercício 2:
Crie um arraylet numeros = [10, 20, 30, 40];
. Encontre o índice do número30
e imprima.
-
Exercício 3:
Crie um arraylet animais = ["gato", "cachorro", "pássaro", "hamster"];
. UseindexOf()
para encontrar o índice do animal"pássaro"
e mostre o índice. -
Exercício 4:
Dado o arraylet cores = ["azul", "verde", "amarelo", "vermelho"];
, encontre o índice da cor"vermelho"
e mostre o valor correspondente.
-
Exercício 5:
Dado o arraylet pessoas = ["João", "Maria", "Pedro", "Ana"];
, encontre o índice de"Maria"
e depois substitua esse valor por"Paula"
. Mostre o array após a alteração. -
Exercício 6:
Crie um array de objetos representando produtos:
let produtos = [{nome: "Camiseta", preco: 29.90}, {nome: "Calça", preco: 79.90}];
. Encontre o índice do produto"Calça"
e exiba o índice e o produto correspondente. Utilize o findIndex
-
Exercício 1:
Dado o arraylet frutas = ["maçã", "banana", "laranja", "manga"];
, useslice()
para criar um novo array contendo as duas primeiras frutas. Mostre o novo array. -
Exercício 2:
Crie um arraylet numeros = [1, 2, 3, 4, 5, 6];
e utilizeslice()
para obter os números do índice 2 até o 4. Mostre o novo array.
-
Exercício 3:
Crie um arraylet cidades = ["São Paulo", "Rio de Janeiro", "Belo Horizonte", "Porto Alegre"];
. Useslice()
para criar um novo array com as duas últimas cidades. Exiba o novo array. -
Exercício 4:
Dado o arraylet produtos = ["Camiseta", "Calça", "Tênis", "Jaqueta"];
, useslice()
para pegar os elementos de índice 1 até o 3. Mostre o novo array.
-
Exercício 5:
Dado o arraylet alunos = ["Ana", "Carlos", "Beatriz", "Davi", "Eduardo", "Felipe"];
, crie um novo array contendo os alunos do índice 2 ao 4. Mostre o novo array. -
Exercício 6:
Dado o arraylet livros = ["O Hobbit", "1984", "Dom Quixote", "A Guerra dos Tronos", "Moby Dick"];
, crie um novo array contendo apenas os livros de índice 1 a 3. Exiba o novo array.
-
Exercício 1:
Dado o arraylet frutas = ["maçã", "banana", "laranja"];
, usesplice()
para remover o segundo elemento e exiba o array resultante. -
Exercício 2:
Crie um arraylet numeros = [10, 20, 30, 40];
. Usesplice()
para remover o número20
e exiba o array resultante.
-
Exercício 3:
Crie um arraylet cores = ["vermelho", "azul", "verde", "amarelo"];
. Usesplice()
para remover a cor "verde" e adicionar "preto". Mostre o array após a modificação. -
Exercício 4:
Dado o arraylet alunos = ["Ana", "Carlos", "Beatriz", "Davi"];
, usesplice()
para substituir "Carlos" por "José". Mostre o resultado.
-
Exercício 5:
Crie um arraylet times = ["Flamengo", "São Paulo", "Palmeiras", "Grêmio"];
. Remova os dois primeiros times e adicione "Atlético" e "Vasco" no início. Mostre o array final. -
Exercício 6:
Dado o arraylet produtos = [{nome: "Camiseta", preco: 29.90}, {nome: "Calça", preco: 79.90}, {nome: "Tênis", preco: 99.90}];
, usesplice()
para substituir o segundo produto por{nome: "Jaqueta", preco: 149.90}
. Mostre o array atualizado.
-
Exercício 1:
Dado o arraylet frutas = ["maçã", "banana", "laranja"];
, verifique se o array contém a fruta"banana"
utilizando o métodoincludes()
. Mostre o resultado. -
Exercício 2:
Crie um arraylet numeros = [1, 2, 3, 4];
. Verifique se o número3
está presente no array usandoincludes()
. Imprima o resultado.
-
Exercício 3:
Crie um arraylet alunos = ["Ana", "Carlos", "Beatriz", "Davi"];
. Verifique se o aluno"Carlos"
está presente no array utilizandoincludes()
. Mostre o resultado. -
Exercício 4:
Dado o arraylet paises = ["Brasil", "Argentina", "Chile"];
, verifique se o país"Peru"
está no array comincludes()
. Exiba o resultado.
-
Exercício 5:
Dado o arraylet cidades = ["São Paulo", "Rio de Janeiro", "Belo Horizonte", "Porto Alegre"];
, verifique se"Manaus"
está presente no array utilizandoincludes()
. Mostre o resultado. -
Exercício 6:
Crie um arraylet carros = ["Fusca", "Gol", "Civic", "Opala"];
. Verifique se o carro"Civic"
e"Uno"
estão no array usandoincludes()
. Exiba o resultado para ambos.
-
Imprimir elementos de um array
Dado o arraylet numbers = [1, 2, 3, 4, 5];
, use oforEach
para imprimir cada número no console.Objetivo: Iterar sobre o array e imprimir cada número.
-
Soma de números
Dado o arraylet numbers = [10, 20, 30, 40];
, use oforEach
para somar todos os números e imprimir o resultado.Objetivo: Iterar sobre o array e acumular a soma dos números.
-
Alterar elementos de um array
Dado o arraylet names = ["Alice", "Bob", "Charlie"];
, use oforEach
para adicionar "!" ao final de cada nome e criar um novo array com os nomes modificados.Objetivo: Modificar os elementos do array dentro do
forEach
. -
Contar a quantidade de números negativos
Dado o arraylet numbers = [-1, 2, -3, 4, -5];
, use oforEach
para contar quantos números negativos existem no array e imprimir o resultado.Objetivo: Contar e imprimir a quantidade de números negativos usando
forEach
.
-
Média dos valores de um array de objetos
Dado o arraylet students = [{ name: "Alice", score: 85 }, { name: "Bob", score: 92 }, { name: "Charlie", score: 78 }];
, use oforEach
para calcular a média das notas e imprimir o resultado.Objetivo: Calcular a média das notas dos alunos usando
forEach
. -
Formatar uma lista de objetos em formato de string
Dado o arraylet products = [{ name: "Camiseta", price: 25 }, { name: "Calça", price: 50 }, { name: "Tênis", price: 100 }];
, use oforEach
para criar um novo array com uma descrição de cada produto, como"Camiseta: R$25"
.Objetivo: Criar uma lista formatada de produtos usando
forEach
.
-
Criar um novo array com o quadrado de cada número
Dado o arraylet numbers = [1, 2, 3, 4];
, use omap
para criar um novo array contendo o quadrado de cada número.Objetivo: Transformar os valores do array.
-
Converter temperaturas de Celsius para Fahrenheit
Dado o arraylet celsius = [0, 20, 30, 40];
, use omap
para converter as temperaturas para Fahrenheit e criar um novo array com esses valores.Objetivo: Realizar conversões de Celsius para Fahrenheit.
-
Adicionar sufixo a cada elemento de uma lista de nomes
Dado o arraylet names = ["Maria", "João", "Lucas", "Ana"];
, use omap
para adicionar o sufixo" Filho"
a cada nome.Objetivo: Modificar os elementos do array com o
map
. -
Dobrar os valores de um array
Dado o arraylet numbers = [5, 10, 15, 20];
, use omap
para criar um novo array com os valores dobrados.Objetivo: Aplicar uma transformação de duplicação nos valores do array.
-
Extrair preços de produtos e calcular descontos
Dado o arraylet products = [{ name: "Camiseta", price: 25 }, { name: "Calça", price: 50 }, { name: "Tênis", price: 100 }];
, use omap
para aplicar um desconto de 10% em cada produto e criar um novo array com os preços com desconto.Objetivo: Calcular e criar um novo array com os preços com desconto.
-
Converter uma lista de objetos para uma lista de nomes
Dado o arraylet people = [{ name: "Alice", age: 30 }, { name: "Bob", age: 25 }, { name: "Charlie", age: 35 }];
, use omap
para criar um novo array contendo apenas os nomes das pessoas.Objetivo: Extrair informações específicas de objetos e criar um novo array.
-
Filtrar números maiores que 10
Dado o arraylet numbers = [5, 12, 8, 130, 44];
, use ofilter
para criar um novo array com os números maiores que 10.Objetivo: Filtrar elementos que atendem a uma condição específica.
-
Filtrar palavras maiores que 4 letras
Dado o arraylet words = ["apple", "banana", "kiwi", "pear"];
, use ofilter
para criar um novo array contendo apenas palavras com mais de 4 letras.Objetivo: Aplicar um filtro para extrair elementos baseados em um critério de tamanho.
-
Filtrar produtos baratos
Dado o arraylet products = [{ name: "Camiseta", price: 25 }, { name: "Calça", price: 50 }, { name: "Tênis", price: 100 }];
, use ofilter
para criar um novo array contendo apenas produtos com preço menor que 50.Objetivo: Filtrar objetos com base em um valor numérico.
-
Filtrar números negativos de um array
Dado o arraylet numbers = [-10, 5, -3, 7, -1];
, use ofilter
para criar um novo array contendo apenas os números negativos.Objetivo: Filtrar elementos negativos de um array de números.
-
Filtrar pessoas maiores de 18 anos
Dado o arraylet people = [{ name: "Alice", age: 30 }, { name: "Bob", age: 17 }, { name: "Charlie", age: 25 }];
, use ofilter
para criar um novo array contendo apenas as pessoas maiores de 18 anos.Objetivo: Filtrar objetos com base em uma condição em que uma propriedade seja maior que um valor específico.
-
Filtrar tarefas não concluídas
Dado o arraylet tasks = [{ task: "Estudar", done: true }, { task: "Comprar leite", done: false }, { task: "Ir ao médico", done: true }];
, use ofilter
para criar um novo array contendo apenas as tarefas não concluídas (done: false
).Objetivo: Filtrar objetos de tarefas não concluídas.
-
Somar os valores de um array
Dado o arraylet numbers = [5, 10, 15, 20];
, use oreduce
para somar todos os valores e retornar o total.Objetivo: Acumular a soma de todos os valores no array.
-
Concatenar palavras
Dado o arraylet words = ["Hello", "world", "from", "JavaScript"];
, use oreduce
para concatenar todas as palavras em uma única string.Objetivo: Concatenar todos os elementos do array em uma única string.
-
Multiplicar todos os elementos de um array
Dado o arraylet numbers = [1, 2, 3, 4];
, use oreduce
para multiplicar todos os números e retornar o resultado.Objetivo: Acumular o produto de todos os valores no array.
-
Contar ocorrências de uma letra em uma lista de palavras
Dado o arraylet words = ["apple", "banana", "cherry", "date"];
, use oreduce
para contar quantas vezes a letra"a"
aparece em todas as palavras.Objetivo: Contar as ocorrências de uma letra específica em uma lista de strings.
-
Calcular a média de uma lista de números
Dado o arraylet numbers = [1, 2, 3, 4, 5];
, use oreduce
para calcular a média dos números.Objetivo: Calcular a média de um conjunto de números.
-
Agrupar objetos por uma propriedade
Dado o arraylet products = [{ name: "Camiseta", category: "Roupas" }, { name: "Calça", category: "Roupas" }, { name: "Tênis", category: "Calçados" }];
, use oreduce
para agrupar os produtos pela categoria e criar um objeto onde as chaves são as categorias e os valores são arrays de produtos.Objetivo: Agrupar elementos de um array em um objeto com base em uma propriedade.
-
Soma de Elementos
Crie uma função que receba um array bidimensional de números e retorne a soma de todos os elementos presentes nele. -
Linha com Maior Soma
Escreva um programa que identifique a linha de um array bidimensional que possui a maior soma dos seus elementos. -
Contar Números Pares
Implemente uma função que receba um array bidimensional e conte quantos números pares existem nele. -
Transposição Simples
Crie uma função que receba um array bidimensional 2x2 e retorne sua matriz transposta. -
Diagonal Principal
Escreva uma função que receba um array bidimensional quadrado e retorne os elementos da diagonal principal como um array unidimensional.
-
Verificar Simetria
Implemente uma função que verifique se um array bidimensional quadrado é simétrico. Um array é simétrico se ele for igual à sua transposta. -
Multiplicação por Escalar
Crie uma função que receba um array bidimensional e um número. A função deve retornar um novo array onde cada elemento foi multiplicado pelo número recebido. -
Busca de Elemento
Escreva uma função que receba um array bidimensional e um número. A função deve verificar se o número está presente no array e, se sim, retornar suas coordenadas (linha e coluna). -
Somar Matrizes
Crie uma função que receba dois arrays bidimensionais de mesmo tamanho e retorne uma nova matriz que seja a soma dos dois arrays. -
Menor e Maior Elemento
Escreva uma função que receba um array bidimensional e retorne um objeto contendo o menor e o maior elemento do array.
-
Produto de Matrizes
Implemente uma função que receba dois arrays bidimensionais e retorne o produto matricial entre eles. -
Caminho da Soma Máxima
Crie uma função que receba um array bidimensional onde cada célula representa um "custo". A função deve encontrar o caminho da soma máxima, movendo-se apenas para a direita ou para baixo, e retornar o valor total desse caminho. -
Zig-Zag Bidimensional
Escreva uma função que receba um array bidimensional e retorne os elementos em ordem de "zig-zag" (alternando a direção em cada linha). -
Rotação de Matriz
Implemente uma função que receba um array bidimensional quadrado e o rotacione 90 graus no sentido horário. -
Verificar Quadrado Mágico
Escreva uma função que receba um array bidimensional quadrado e verifique se ele é um quadrado mágico. Um quadrado mágico é uma matriz onde a soma de cada linha, coluna e diagonal é a mesma.
-
Flattening Simples
Crie uma função que receba um array bidimensional e utilizeflat
para transformar o array em um array unidimensional. -
Soma dos Elementos Flattened
Escreva uma função que receba um array bidimensional, utilizeflat
para transformá-lo em um array unidimensional e retorne a soma de todos os elementos.
-
Flattening com Nível Específico
Crie uma função que receba um array tridimensional (ou superior) e utilizeflat
com o nível adequado para transformá-lo em um array bidimensional. -
Filtrar e Flatten
Escreva uma função que receba um array bidimensional, filtre os elementos maiores que 10 e utilizeflat
para retornar os elementos filtrados em um array unidimensional.
-
Flatten e Frequência de Valores
Implemente uma função que receba um array bidimensional, useflat
para transformá-lo em um array unidimensional e retorne um objeto que conta a frequência de cada número no array. -
Flatten e Operações Matemáticas
Crie uma função que receba um array tridimensional, utilizeflat
para reduzir sua profundidade, some todos os elementos e calcule a média.
-
Dobrar Valores
Crie uma função que receba um array bidimensional e utilizemap
para dobrar o valor de cada elemento. -
Adicionar Índices
Escreva uma função que receba um array bidimensional e utilizemap
para criar um novo array onde cada elemento seja a soma do valor original e do índice da linha.
-
Strings com Comprimento
Crie uma função que receba um array bidimensional de strings e utilizemap
para criar um novo array que contenha o comprimento de cada string. -
Matriz Transposta com Map
Escreva uma função que receba um array bidimensional e utilizemap
para criar sua transposta.
-
Map e Transformação Condicional
Implemente uma função que receba um array bidimensional e utilizemap
para transformar os elementos negativos em positivos, mantendo os positivos inalterados. -
Map para Criar Objetos
Crie uma função que receba um array bidimensional e utilizemap
para retornar um novo array onde cada elemento é um objeto com as propriedadeslinha
,coluna
evalor
.
-
Contar Elementos
Crie uma funçãocontarElementos(matriz)
que, usando um loopfor
, conte e retorne o número total de elementos em uma matriz bidimensional. -
Exibir Todos os Valores
Escreva uma funçãoexibirValores(matriz)
que useforEach
para imprimir cada elemento da matriz no console.
-
Somar Elementos de Cada Linha
Crie uma funçãosomaPorLinha(matriz)
que use um loopfor
para retornar um array onde cada elemento é a soma dos valores da respectiva linha da matriz. -
Multiplicar Todos os Valores por 2
Desenvolva uma funçãomultiplicarPorDois(matriz)
que, utilizandoforEach
, modifique a matriz original multiplicando todos os valores por 2.
-
Encontrar o Maior Valor e sua Posição
Crie uma funçãoencontrarMaior(matriz)
que, usando um loopfor
, encontre o maior valor na matriz e retorne um objeto com o valor e sua posição ({ valor: maiorValor, linha: x, coluna: y }
). -
Gerar Transposta Manualmente
Escreva uma funçãotransposta(matriz)
que, utilizando loopsfor
, gere e retorne a matriz transposta (colunas viram linhas e vice-versa).
-
Soma Total de Elementos
Crie uma funçãosomaTotal(matriz)
que usereduce
para calcular a soma de todos os elementos da matriz. -
Concatenar Linhas
Escreva uma funçãoconcatenarLinhas(matriz)
que utilizereduce
para unir todas as linhas da matriz em um único array.
-
Calcular Frequência de Elementos
Desenvolva uma funçãofrequenciaElementos(matriz)
que usereduce
para retornar um objeto representando a frequência de cada elemento na matriz. -
Soma Condicional
Crie uma funçãosomaPares(matriz)
que utilizereduce
para somar apenas os números pares da matriz.
-
Agrupar Valores por Paridade
Escreva uma funçãoagruparPorParidade(matriz)
que, usandoreduce
, retorne um objeto com dois arrays:{ pares: [], impares: [] }
. -
Calcular a Média de Cada Linha
Desenvolva uma funçãomediaPorLinha(matriz)
que utilizereduce
para retornar um array onde cada elemento é a média dos valores da respectiva linha.
-
Filtrar Números Maiores que 10
Crie uma funçãofiltrarMaiores(matriz)
que utilizefilter
para retornar um array com todos os valores maiores que 10. -
Filtrar Linhas com um Valor Específico
Escreva uma funçãofiltrarLinhas(matriz, valor)
que usefilter
para retornar apenas as linhas que contenham ovalor
fornecido.
-
Remover Valores Negativos
Desenvolva uma funçãoremoverNegativos(matriz)
que utilizefilter
para retornar uma nova matriz sem valores negativos. -
Filtrar e Flatten
Crie uma funçãofiltrarEFlatten(matriz)
que usefilter
para manter apenas os valores maiores que 5 e retorne a matriz "flattened".
-
Filtrar e Ordenar Linhas por Soma
Escreva uma funçãofiltrarEOrdenar(matriz, limite)
que usefilter
para manter apenas as linhas cuja soma seja maior quelimite
e, em seguida, ordene essas linhas em ordem crescente com base em suas somas. -
Encontrar Linhas com Todos os Valores Pares
Desenvolva uma funçãofiltrarLinhasPares(matriz)
que usefilter
para retornar apenas as linhas onde todos os valores são pares.
-
Verifique se todos os números em um array são maiores que 10.
- Dado o array:
[12, 15, 18, 20]
- Use o método
every
para verificar se todos os números são maiores que 10.
- Dado o array:
-
Verifique se pelo menos um número é maior que 100.
- Dado o array:
[5, 8, 120, 40]
- Use o método
some
para verificar se existe pelo menos um número maior que 100.
- Dado o array:
-
Verifique se todos os elementos de um array de strings possuem mais de 3 caracteres.
- Dado o array:
["banana", "maçã", "laranja", "kiwi"]
- Use o método
every
para verificar se todos os elementos possuem mais de 3 caracteres.
- Dado o array:
-
Verifique se pelo menos um número no array é divisível por 5.
- Dado o array:
[2, 8, 15, 30, 4]
- Use o método
some
para verificar se pelo menos um número é divisível por 5.
- Dado o array:
- Verifique se todos os valores de um array de objetos possuem uma propriedade
active
comotrue
.- Dado o array:
const users = [ { name: 'Alice', active: true }, { name: 'Bob', active: true }, { name: 'Charlie', active: true } ];
- Use o método
every
para verificar se todos os valores possuem a propriedadeactive
comotrue
.
- Verifique se pelo menos um número em um array de arrays é negativo.
- Dado o array:
[ [1, 2], [3, -4], [5, 6] ]
- Use o método
some
para verificar se pelo menos um número em qualquer subarray é negativo.
- Ordene um array de números em ordem crescente.
- Dado o array:
[5, 3, 8, 1, 2]
- Use o método sort para ordenar o array em ordem crescente.
- Ordene um array de números em ordem decrescente.
- Dado o array:
[12, 9, 15, 4, 7]
- Use o método sort para ordenar o array em ordem decrescente.
- Ordene um array de strings em ordem alfabética.
- Dado o array:
["banana", "maçã", "laranja", "kiwi"]
- Use o método
sort
para ordenar as strings em ordem alfabética.
- Ordene um array de objetos pelo valor de uma propriedade numérica.
- Dado o array:
const products = [
{ name: 'Apple', price: 5 },
{ name: 'Banana', price: 2 },
{ name: 'Orange', price: 3 }
];
- Use o método
sort
para ordenar os produtos pelo preço em ordem crescente.
- Ordene um array de objetos com base em uma propriedade de data.
- Dado o array:
const events = [
{ name: 'Event 1', date: '2022-12-25' },
{ name: 'Event 2', date: '2023-01-15' },
{ name: 'Event 3', date: '2022-11-01' }
];
- Use o método
sort
para ordenar os eventos pela data em ordem crescente.
- Ordene um array de objetos de acordo com a diferença entre duas propriedades numéricas.
- Dado o array:
const cars = [
{ name: 'Car A', speed: 120, weight: 1000 },
{ name: 'Car B', speed: 150, weight: 1200 },
{ name: 'Car C', speed: 180, weight: 800 }
];
- Use o método
sort
para ordenar os carros com base na diferença entrespeed
eweight
.
- Use
map
para dobrar todos os valores de um array.
- Dado o array:
[1, 2, 3, 4]
- Use
map
para dobrar cada valor do array.
- Use
filter
para criar um novo array com apenas os números pares.
- Dado o array:
[1, 2, 3, 4, 5, 6]
- Use
filter
para selecionar os números pares.
- Crie um novo array com o quadrado de cada número usando
map
.
- Dado o array:
[2, 3, 4, 5]
- Use
map
para criar um array com o quadrado de cada número.
- Use
reduce
para somar todos os valores de um array.
- Dado o array:
[1, 2, 3, 4]
- Use
reduce
para somar todos os valores do array.
- Crie um novo array com o dobro dos números positivos e o quadrado dos negativos, utilizando
map
efilter
.
- Dado o array:
[2, -3, 4, -5]
- Use
map para dobrar os positivos e elevar ao quadrado os negativos, com
filter``` para filtrar os valores.
- Use
reduce
para concatenar todos os elementos de um array de strings.
- Dado o array:
["Olá", "mundo", "!"]
- Use
reduce
para concatenar todas as strings em uma única.
- Encontre o índice de um número em um array.
- Dado o array:
[10, 20, 30, 40]
- Use
indexOf
para encontrar o índice do número30
.
- **Verifique se um valor existe no array utilizando
includes
e obtenha o índice.
- Dado o array:
[5, 8, 12, 15]
- Use
includes
para verificar se o número 8 existe no array eindexOf
para encontrar o índice.
- Encontre o índice de um elemento em um array de objetos.
- Dado o array:
const users = [
{ name: 'Alice', age: 25 },
{ name: 'Bob', age: 30 },
{ name: 'Charlie', age: 35 }
];
- Use
findIndex
para encontrar o índice do objeto com o nomeBob
.
- Verifique se um número existe no array e, se existir, retorne o índice utilizando
findIndex
.
- Dado o array:
[2, 4, 6, 8]
- Use
findIndex
para encontrar o índice do número 6.
- Encontre o índice do primeiro número negativo em um array de números utilizando
findIndex
.
- Dado o array:
[2, 3, -4, 5, 6]
- Use
findIndex
para encontrar o índice do primeiro número negativo.
- **Encontre o índice do último elemento que é maior que 10 em um array de números utilizando
findLastIndex
.
- Dado o array:
[5, 7, 12, 8, 15]
- Use
findLastIndex
para encontrar o índice do último número maior que 10.
- Crie um objeto
carro
com as propriedadesmarca
,modelo
eano
e exiba-as no console. - Adicione uma nova propriedade
cor
ao objetocarro
e exiba o objeto completo no console.
- Crie um objeto
pessoa
com as propriedadesnome
,idade
ecidade
. Depois, altere a propriedadeidade
e adicione uma nova propriedadeprofissão
. Exiba o objeto no console. - Crie um objeto
livro
com as propriedadestitulo
,autor
, eano
. Em seguida, modifique o valor deano
e remova a propriedadeautor
. Exiba o objeto no console.
- Crie um objeto
produto
com as propriedadesnome
,preco
eestoque
. Depois, adicione uma propriedadedesconto
que será 10% do preço, e remova a propriedadeestoque
. Exiba o objeto completo no console. - Crie um objeto
cliente
com as propriedadesnome
,email
, etelefone
. Adicione uma propriedadeendereco
, que será um objeto comrua
,numero
, ecidade
. Exiba o objeto completo no console.
- Crie um objeto
carro
utilizando a notação literal e exiba suas propriedades. - Crie um objeto
pessoa
utilizando o construtorObject()
e exiba suas propriedades.
- Crie um objeto
aluno
utilizando a notação literal, com as propriedadesnome
,idade
, ecurso
. Depois, adicione uma nova propriedadenotaFinal
utilizando o construtorObject()
. Exiba o objeto completo no console. - Crie um objeto
livro
utilizando o construtorObject()
, com as propriedadestitulo
eautor
. Em seguida, adicione uma nova propriedadeano
com a notação literal. Exiba o objeto completo no console.
- Crie um objeto
produto
utilizando o construtorObject()
com as propriedadesnome
,preco
, ecategoria
. Depois, altere o valor depreco
usando a notação literal e remova a propriedadecategoria
. Exiba o objeto completo no console. - Crie um objeto
evento
utilizando o construtorObject()
e adicione as propriedadesnome
,data
, elocal
. Em seguida, altere o valor delocal
com a notação literal e adicione a propriedadedescricao
. Exiba o objeto completo no console.
- Acesse a propriedade
marca
do objetocarro
utilizando a notação de pontos e exiba no console. - Crie um objeto
carro
com a propriedadecor
. Acesse e altere essa propriedade utilizando a notação de colchetes e exiba no console.
- Crie um objeto
pessoa
com as propriedadesnome
,idade
ecidade
. Acesse e altere a propriedadeidade
utilizando a notação de pontos. Exiba o objeto no console. - Crie um objeto
livro
com as propriedadestitulo
,autor
eano
. Utilize a notação de colchetes para acessar e modificar a propriedadeano
. Exiba o objeto no console.
- Crie um objeto
produto
com as propriedadesnome
,preco
eestoque
. Utilize a notação de pontos para acessar o preço e a notação de colchetes para acessar o estoque. Exiba os valores no console. - Crie um objeto
cliente
com as propriedadesnome
,email
etelefone
. Utilize a notação de colchetes para alterar o valor do email. Exiba o objeto no console.
- Crie um objeto
livro
com as propriedadestitulo
eautor
. Adicione a propriedadeano
e exiba o objeto no console. - Crie um objeto
carro
com as propriedadesmarca
,modelo
eano
. Modifique a propriedademodelo
e exiba o objeto no console.
- Crie um objeto
produto
com as propriedadesnome
,preco
equantidade
. Adicione uma propriedadedesconto
e remova a propriedadequantidade
. Exiba o objeto no console. - Crie um objeto
pessoa
com as propriedadesnome
,idade
ecidade
. Modifique a propriedadecidade
e remova a propriedadeidade
. Exiba o objeto no console.
- Crie um objeto
evento
com as propriedadesnome
,data
elocal
. Modifique a propriedadelocal
e adicione uma nova propriedadedescricao
. Em seguida, remova a propriedadedata
e exiba o objeto completo no console. - Crie um objeto
funcionario
com as propriedadesnome
,cargo
,salario
. Adicione uma nova propriedadedepartamento
e remova a propriedadecargo
. Exiba o objeto no console.
- Criar uma instância de um objeto
- Crie uma função
Carro
que receba dois parâmetros,marca
emodelo
, e dentro da função, defina duas propriedades no objeto:marca
emodelo
. Use o operadornew
para criar uma instância dessa função e exiba as propriedades da instância no console.
- Crie uma função
- Simular a criação de um objeto com
new
- Crie uma função construtora chamada
Pessoa
que tenha as propriedadesnome
eidade
. Usenew
para criar uma instância e adicione um métodofalar()
que imprima a mensagem "Olá, meu nome é {nome}" no console.
- Crie uma função construtora chamada
- Usando
new
com herança- Crie uma função construtora
Animal
com a propriedadeespecie
e um métodofalar()
. Depois, crie uma função construtoraCachorro
, que herda deAnimal
e tem um método adicionallatir()
. Crie instâncias de ambas usandonew
e faça as instâncias chamarem seus respectivos métodos.
- Crie uma função construtora
- Usando
this
em função simples- Crie um objeto
pessoa
com as propriedadesnome
eidade
. Crie um método dentro desse objeto que usethis
para acessar e exibir o nome e a idade no console.
- Crie um objeto
- Alterando contexto com
this
- Crie uma função
saudar()
que exiba no console a saudação "Olá, {nome}". Teste comothis
se comporta ao chamarsaudar()
tanto dentro de um objeto quanto fora dele.
- Crie uma função
- Mudando o valor de
this
comcall
- Crie dois objetos:
pessoa1
com a propriedadenome
epessoa2
com a propriedadenome
. Crie uma funçãomostrarNome()
que usethis
para mostrar o nome da pessoa. Usecall
para chamarmostrarNome()
compessoa1
epessoa2
como contexto.
- Crie dois objetos:
- Acessando propriedades com
Object.keys()
- Crie um objeto com pelo menos três propriedades e use
Object.keys()
para obter um array com as chaves do objeto. Exiba esse array no console.
- Crie um objeto com pelo menos três propriedades e use
- Verificando se uma propriedade existe no objeto
- Crie um objeto
produto
com as propriedadesnome
,preço
equantidade
. UseObject.keys()
para verificar se a chavequantidade
está presente no objeto e imprima a resposta no console.
- Crie um objeto
- Iterando sobre as chaves de um objeto
- Crie um objeto com pelo menos cinco propriedades. Use
Object.keys()
para obter as chaves e, em seguida, useforEach()
para iterar e exibir cada chave junto com seu valor correspondente.
- Crie um objeto com pelo menos cinco propriedades. Use
- Obtendo valores com
Object.values()
- Crie um objeto
livro
com as propriedadestitulo
,autor
eano
. UseObject.values()
para obter um array com os valores do objeto e imprima no console.
- Crie um objeto
- Verificando valores em um objeto
- Crie um objeto
carro
com as propriedadesmarca
,modelo
eano
. UseObject.values()
para verificar se o valor "2022" está presente no objeto e imprima o resultado.
- Crie um objeto
- Transformando valores do objeto
- Crie um objeto com propriedades
nome
,idade
eprofissão
. UseObject.values()
para obter os valores, e depois aplique ummap()
para criar um novo array contendo esses valores em maiúsculas.
- Crie um objeto com propriedades
- Obtendo pares chave-valor
- Crie um objeto
aluno
com as propriedadesnome
,idade
enota
. UseObject.entries()
para obter um array de pares chave-valor e imprima no console.
- Crie um objeto
- Contando as propriedades do objeto
- Crie um objeto
cliente
com as propriedadesnome
,email
etelefone
. UseObject.entries()
elength
para contar o número de propriedades do objeto.
- Crie um objeto
- Modificando pares chave-valor
- Crie um objeto
produto
com as propriedadesnome
epreço
. UseObject.entries()
para iterar sobre o objeto e aplique um desconto de 10% no valor depreço
caso seja maior que 100. Imprima o novo objeto no console.
- Crie um objeto
- Criando um objeto com herança simples
- Crie um objeto
Pessoa
com a propriedadenome
e um métodofalar()
. Crie um objetoEstudante
que herde dePessoa
e adicione a propriedadecurso
. Mostre comoEstudante
herda o métodofalar()
.
- Crie um objeto
- Modificando um método herdado
- Crie uma função construtora
Animal
com um métodofalar()
. Em seguida, crie uma função construtoraGato
que herde deAnimal
, mas sobrescreva o métodofalar()
para exibir "Miau". Crie instâncias deAnimal
eGato
e chame o métodofalar()
de ambas.
- Crie uma função construtora
- Herança com
Object.create()
- Crie um objeto
Carro
com uma propriedademarca
e um métodomostrarMarca()
. UseObject.create()
para criar um objetoCarroEsportivo
que herde deCarro
e adicione uma nova propriedadevelocidadeMaxima
. Mostre como o objetoCarroEsportivo
herda o métodomostrarMarca()
e como a nova propriedade funciona.
- Crie um objeto
-
Função Simples
Crie uma função chamadacumprimentar
que receba um nome como argumento e retorne a mensagem:
"Olá, [nome]! Seja bem-vindo!"
.
Caso nenhum nome seja fornecido, a função deve retornar"Olá! Seja bem-vindo!"
. -
Função com Retorno Condicional
Crie uma função chamadaverificarParidade
que receba um número e retorne"Par"
se o número for par, ou"Ímpar"
caso contrário.
-
Função com Condição
Escreva uma função chamadaclassificarIdade
que receba um número representando a idade e retorne:"Criança"
para idades de 0 a 12."Adolescente"
para idades de 13 a 17."Adulto"
para idades acima de 18.
-
Função que Retorna uma Lista
Crie uma função chamadagerarSequencia
que receba um número inteiron
e retorne um array contendo os números de 1 atén
.
-
Função Recursiva
Crie uma função chamadafatorial
que calcule o fatorial de um número inteiro positivo utilizando recursão. -
Função de Combinação
Escreva uma função chamadacombinacao
que receba dois números inteirosn
er
e retorne a combinação (nCr
), definida pela fórmula:
[ nCr = \frac{n!}{r! \times (n - r)!} ]
- Função de Saudação
Crie uma função chamadasaudar
que receba um nome e uma saudação. Se a saudação não for fornecida, ela deve assumir o valor"Olá"
.
Exemplo:
saudar("Maria"); // "Olá, Maria!"
- Função de Conversão de Moeda
Crie uma função chamada
converterParaDolar
que receba o valor em reais e a taxa de conversão. Caso a taxa não seja fornecida, utilize 5.2 como padrão.
-
Função de Calculo com Desconto Padrão Escreva uma função chamada
calcularPrecoFinal
que receba o preço de um produto, a quantidade e um desconto (valor padrão: 5%). A função deve calcular o valor total considerando a quantidade e o desconto. -
Função com Multiplos Parâmetros Padrão Crie uma função chamada
calcularArea
que receba os parâmetroslargura
,altura
eforma
. Aforma
deve ser"retângulo"
por padrão. Para formas diferentes, retorne"Forma não suportada"
.
-
Função de Validação de Dados Crie uma função chamada
validarFormulario
que receba um nome, uma idade e um país. Caso algum parâmetro não seja fornecido, ele deve ser preenchido automaticamente com"Indefinido"
. -
Função Avançada de Cálculo Desenvolva uma função chamada
calcularInvestimento
que receba o valor inicial, a taxa de juros (valor padrão: 0.05), e o tempo em anos. A função deve calcular o valor final utilizando a fórmula de juros compostos:
VF = VI × (1 + i)^t
-
Soma de Números Crie uma função chamada
somar
que receba um número indeterminado de argumentos e retorne a soma deles. -
Concatenar Strings Implemente uma função chamada
juntarPalavras
que receba várias strings e retorne todas elas concatenadas em uma única string.
- Maior Número
Escreva uma função chamada
encontrarMaior
que receba vários números e retorne o maior valor.
Lista de Nomes
Crie uma função chamada listarNomes
que receba um nome obrigatório e, em seguida, vários outros nomes. A função deve retornar uma lista que contenha o nome obrigatório seguido dos demais.
-
Filtrar Valores Válidos Escreva uma função chamada
filtrarValores
que receba uma lista de números e strings. A função deve retornar apenas os valores numéricos. -
Média de Números Desenvolva uma função chamada
calcularMedia
que aceite uma quantidade ilimitada de números e retorne a média deles.
- Função com Objeto
Crie uma função chamada
exibirDados
que receba um objeto com as propriedadesnome
eidad
e. A função deve retornar a mensagem:
"[nome] tem [idade] anos."
- Função com Array
Implemente uma função chamada
primeiroEUltimo
que receba um array e retorne o primeiro e o último elemento no formato:
"Primeiro: [primeiro], Último: [último]".
-
Desestruturação com Parâmetros Padrão Crie uma função chamada
exibirPerfil
que receba um objeto com as propriedadesnome
,idade
eprofissao
. Caso alguma propriedade esteja ausente, utilize os valores padrão"Indefinido"
. -
Reorganizar Dados do Array Desenvolva uma função chamada
organizarNotas
que receba um array com as notas de um aluno e as retorne em ordem decrescente.
-
Desestruturação e Lógica Escreva uma função chamada
calcularDistancia
que receba um objeto representando dois pontos no plano cartesiano (ex.:{x1: 0, y1: 0, x2: 3, y2: 4}
) e retorne a distância entre eles. -
Desestruturação Avançada Crie uma função chamada
processarPedido
que receba um objeto com as propriedadescliente
,pedido
edetalhes
. A função deve retornar uma mensagem formatada com as informações do pedido.
-
Função de Multiplicação Crie uma função chamada
multiplicar
que receba dois números como parâmetros e retorne o resultado da multiplicação. -
Função de Saudações Crie uma função chamada
saudacao
que receba um nome como parâmetro e retorne a mensagem:"Olá, [nome]!"
.
-
Função de Comparação Crie uma função chamada
compararNumeros
que receba dois números e retorne:- "Maior" se o primeiro número for maior.
- "Menor" se o segundo número for maior.
- "Igual" se ambos os números forem iguais.
-
Função de Área do Círculo Crie uma função chamada
areaCirculo
que receba o raio de um círculo e retorne a área do círculo. (A fórmula da área é: π * raio²)
-
Função de Cálculo de Imposto Crie uma função chamada
calcularImposto
que receba o valor de uma compra e calcule o imposto sobre o valor. O imposto é de 10%. A função deve retornar o valor total da compra com imposto. -
Função de Fatorial Crie uma função chamada
fatorial
que receba um número e retorne o seu fatorial. (Exemplo: fatorial de 5 é 5 * 4 * 3 * 2 * 1)
-
Função de Soma com Arrow Crie uma arrow function chamada
somar
que receba dois números como parâmetros e retorne a soma deles. -
Função de Saudação com Arrow Crie uma arrow function chamada
saudacao
que receba um nome como parâmetro e retorne a mensagem de saudação:"Olá, [nome]!"
.
-
Função de Filtro com Arrow Crie uma arrow function chamada
filtrarPares
que receba um array de números e retorne um novo array contendo apenas os números pares. -
Função de Dobra de Valores Crie uma arrow function chamada
dobrar
que receba um número como parâmetro e retorne o valor do número dobrado.
-
Função de Calculo de Potência com Arrow Crie uma arrow function chamada
potencia
que receba dois números e retorne o primeiro número elevado à potência do segundo número. -
Função de Ordenação com Arrow Crie uma arrow function chamada
ordenar
que receba um array de números e retorne um novo array ordenado em ordem decrescente.
-
Função de Multiplicação com Retorno Implícito Crie uma arrow function chamada
multiplicar
que receba dois números como parâmetros e retorne o resultado da multiplicação de forma implícita. -
Função de Divisão com Retorno Implícito Crie uma arrow function chamada
dividir
que receba dois números como parâmetros e retorne o resultado da divisão de forma implícita.
-
Função de Quadrado com Retorno Implícito Crie uma arrow function chamada
quadrado
que receba um número e retorne o quadrado desse número de forma implícita. -
Função de Concatenar com Retorno Implícito Crie uma arrow function chamada
concatenar
que receba dois strings e retorne a concatenação delas de forma implícita.
-
Função de Filtro de Números Positivos com Retorno Implícito Crie uma arrow function chamada
filtrarPositivos
que receba um array de números e retorne um novo array contendo apenas os números positivos, utilizando retorno implícito. -
Função de Incremento com Retorno Implícito Crie uma arrow function chamada
incrementar
que receba um número e retorne o número incrementado de forma implícita.
-
Função que Retorna Soma e Diferença Crie uma função chamada
somaEDif
que receba dois números e retorne a soma e a diferença entre eles. -
Função que Retorna Nome e Idade Crie uma função chamada
dadosPessoais
que receba um nome e uma idade e retorne esses dois valores.
-
Função de Retorno de Dados de Aluno Crie uma função chamada
dadosAluno
que receba o nome, a idade e a nota de um aluno e retorne esses três valores. -
Função de Retorno de Mínimo e Máximo Crie uma função chamada
minMax
que receba um array de números e retorne o valor mínimo e o valor máximo desse array.
-
Função de Retorno de Área e Perímetro Crie uma função chamada
areaEPerimetro
que receba as medidas de um retângulo e retorne a área e o perímetro desse retângulo. -
Função de Retorno de Coordenadas Crie uma função chamada
coordenadas
que receba dois pontos no formato(x, y)
e retorne as distâncias entre esses pontos nas direções horizontal e vertical.
-
Função de Verificação de Paridade com Retorno Antecipado Crie uma função chamada
verificarParidade
que receba um número e, se o número for par, retorne a mensagem "Número par". Caso contrário, continue com o processo. -
Função de Verificação de Idade Crie uma função chamada
verificarIdade
que receba a idade de uma pessoa. Se a idade for menor que 18, retorne "Menor de idade" imediatamente. Caso contrário, retorne "Maior de idade".
-
Função de Verificação de Maioridade com Retorno Antecipado Crie uma função chamada
verificarMaioridade
que receba a idade de uma pessoa. Se a idade for menor que 21, retorne "Acesso negado". Caso contrário, retorne "Acesso permitido". -
Função de Retorno Antecipado em Validação de Dados Crie uma função chamada
validarDados
que receba um nome e um número. Se o nome estiver vazio ou o número for negativo, retorne "Dados inválidos" imediatamente. Caso contrário, retorne os dados.
-
Função de Cálculo com Retorno Antecipado Crie uma função chamada
calcularPrecoComDesconto
que receba um preço. Se o preço for menor que 50, retorne imediatamente o preço sem desconto. Caso contrário, aplique um desconto de 10% e retorne o valor com desconto. -
Função de Verificação de Votação com Retorno Antecipado Crie uma função chamada
verificarVotacao
que receba a idade de uma pessoa. Se a pessoa não tiver a idade mínima de 16 anos, retorne "Não apto para votar" imediatamente. Caso contrário, retorne "Apto para votar".
- Exercício de Variável Global
Crie uma variável global chamada nome
com o valor "João"
. Dentro de uma função, imprima o valor da variável global nome
.
- Escopo de Função Simples
Crie uma função chamada saudar
que recebe o parâmetro nome
e imprime uma mensagem de boas-vindas. Fora da função, tente acessar a variável nome
e explique o comportamento.
- Variáveis de Bloco com
let
econst
Crie um bloco de código dentro de um if
e declare uma variável x
com let
dentro desse bloco. Após o bloco, tente acessar a variável x
fora dele e explique o comportamento.
- Modificando Variável Global Dentro de Função
Crie uma variável global chamada contador
com o valor inicial de 0. Dentro de uma função, aumente o valor da variável global contador
em 1 e imprima o valor atualizado fora da função.
- Escopo de Função com Parâmetros
Crie uma função chamada multiplicar
que recebe dois parâmetros, a
e b
, e retorna o resultado da multiplicação entre eles. Imprima o resultado da multiplicação fora da função. Tente acessar a
e b
fora da função e explique o que acontece.
- Escopo de Bloco com
var
Dentro de um bloco de código, declare uma variável y
utilizando var
e imprima seu valor fora do bloco. Explique o comportamento da variável quando declarada com var
.
- Escopo Global e Função de Cálculo
Crie uma variável global chamada resultado
com o valor 10. Dentro de uma função, modifique a variável resultado
e retorne a soma dela com um número recebido como parâmetro. Após a execução da função, imprima o valor atualizado da variável resultado
.
- Escopo de Função com Variáveis Locais e Globais
Crie uma variável global chamada numeroGlobal
com o valor 5. Dentro de uma função chamada alterarNumero
, crie uma variável local chamada numeroLocal
e altere o valor de numeroGlobal
. No final da função, retorne os valores de numeroGlobal
e numeroLocal
. Imprima o valor de numeroGlobal
fora da função e explique o comportamento.
- Escopo de Bloco com
let
e Funções Aninhadas
Dentro de uma função, crie um bloco de código onde declare uma variável z
com let
. Depois, dentro desse bloco, crie uma função que tente acessar e modificar a variável z
. Imprima o valor de z
fora do bloco e explique o comportamento.
- Cadeia de Escopos Simples
Crie uma variável a
no escopo global e uma variável b
dentro de uma função. Na função, acesse e imprima as duas variáveis (a
e b
).
- Acesso a Variáveis de Escopos Externos
Crie uma variável x
no escopo global e uma função exibir
que declare uma variável y
dentro dela. Na função, tente acessar as variáveis x
e y
e imprima seus valores.
- Cadeia de Escopos com Funções Aninhadas
Crie uma variável numero
no escopo global. Dentro de uma função chamada alterarNumero
, declare uma variável alterado
e dentro desta função crie outra função chamada incrementar
, que altera o valor da variável numero
. Imprima o valor da variável numero
na função interna e fora dela, explicando o comportamento das variáveis nos diferentes escopos.
-
Método Simples em Objeto Crie um objeto chamado
animal
com uma propriedadenome
e um método chamadofalar
que exibe a frase"Eu sou [nome]"
. Chame o método para exibir a frase com o nome do animal. -
Método com Parâmetro Crie um objeto chamado
livro
com uma propriedadetitulo
e um método chamadomostrarTitulo
, que recebe um parâmetro e exibe a mensagem"O título do livro é [titulo]"
. Chame o método passando o título do livro como argumento.
-
Método que Modifica Propriedade Crie um objeto chamado
carro
com propriedadesmarca
emodelo
e um método chamadoatualizarModelo
, que recebe um parâmetro e altera o modelo do carro. Chame o método e imprima o novo modelo. -
Método que Retorna um Valor Crie um objeto chamado
contaBancaria
com uma propriedadesaldo
e um método chamadoconsultarSaldo
, que retorna o saldo atual. Chame o método e imprima o valor retornado.
-
Método de Objeto com Encadeamento Crie um objeto
estoque
com propriedadesproduto
equantidade
. Adicione um métodoatualizarEstoque
que recebe um número e altera a quantidade de produtos. Esse método deve retornar o próprio objeto, permitindo que você encadeie outro método,mostrarEstoque
, que exibe o produto e a quantidade. Chame os métodos em sequência e exiba as informações. -
Método com Parâmetros de Entrada Crie um objeto chamado
calculadora
com um métodooperacao
, que recebe dois parâmetros (números) e um operador (como+
,-
,*
,/
). O método deve retornar o resultado da operação. Chame o método passando dois números e um operador.
-
Método em Objeto Aninhado Crie um objeto
empresa
com uma propriedadenome
e um objeto aninhadoendereco
, que tenha uma propriedadecidade
. Dentro deendereco
, crie um métodoexibirCidade
que imprime o nome da cidade. Chame o método dentro do objeto aninhado. -
Método para Exibir Dados do Objeto Aninhado Crie um objeto
usuario
com uma propriedadenome
e um objeto aninhadocontato
com uma propriedadetelefone
. Crie um métodomostrarContato
dentro do objetocontato
, que exibe o telefone do usuário. Chame o método.
-
Método Aninhado com Parâmetro Crie um objeto
estudante
com uma propriedadenome
e um objeto aninhadocursos
com um métodoinscrever
, que recebe o nome de um curso e imprime a mensagem"Inscrito em [curso]"
. Chame o método passando um curso como argumento. -
Método Aninhado que Modifica Propriedade Crie um objeto
universidade
com uma propriedadenome
e um objeto aninhadodepartamento
. Dentro dedepartamento
, crie um método chamadoalterarNome
, que altera o nome do departamento. Chame o método para alterar o nome e imprima o novo nome.
-
Método Aninhado com Encadeamento Crie um objeto
veiculo
com uma propriedademodelo
e um objeto aninhadomotor
. Dentro demotor
, crie um métodoligar
, que altera uma propriedadeligado
paratrue
. O métodoligar
deve retornar o objetomotor
, e o métodomostrarEstado
deve exibir o estado do motor. Chame ambos os métodos em sequência, utilizando encadeamento. -
Método Aninhado com Argumento Crie um objeto
biblioteca
com uma propriedadenome
e um objeto aninhadolivros
. Dentro delivros
, crie um métodoemprestar
, que recebe o nome do livro e imprime"Emprestado [livro]"
. Chame o método passando o nome de um livro.
-
Método que Retorna um Valor Simples Crie um objeto
pessoa
com uma propriedadenome
e um métodoobterNome
que retorna o nome da pessoa. Chame o método e imprima o valor retornado. -
Método com Retorno de Cálculo Crie um objeto
retangulo
com propriedadeslargura
ealtura
e um métodocalcularArea
que retorna o valor da área (largura * altura). Chame o método e imprima o valor retornado.
-
Método com Retorno Condicional Crie um objeto
aluno
com uma propriedadenota
e um métodoverificarAprovacao
que retorna"Aprovado"
se a nota for maior ou igual a 7, e"Reprovado"
caso contrário. Chame o método e imprima o valor retornado. -
Método que Retorna uma Lista de Elementos Crie um objeto
biblioteca
com uma propriedadelivros
(um array de strings) e um métodolistarLivros
, que retorna a lista de livros. Chame o método e imprima o valor retornado.
-
Método que Retorna Objeto Modificado Crie um objeto
produto
com propriedadesnome
epreco
, e um métodoaplicarDesconto
que recebe um valor de desconto e retorna o objeto com o preço modificado. Chame o método e imprima o objeto atualizado. -
Método que Retorna um Valor Calculado com Parâmetros Crie um objeto
calculadora
com um métodocalcular
, que recebe dois parâmetros e um operador (+
,-
,*
,/
) e retorna o resultado da operação. Chame o método com diferentes parâmetros e imprima os valores retornados.
-
Método de Objeto em Array Simples Crie um array de objetos chamado
pessoas
, onde cada objeto tem uma propriedadenome
. Crie um métodosaudar
dentro do objeto que imprime"Olá, [nome]"
. Itere sobre o array e chame o métodosaudar
para cada objeto. -
Método de Objeto em Array com Parâmetro Crie um array de objetos chamado
funcionarios
, onde cada objeto tem uma propriedadenome
e um métodotrabalhar
, que recebe um parâmetro (como o nome do projeto) e imprime"Trabalhando no [projeto]"
. Itere sobre o array e chame o método passando o nome de um projeto.
-
Método que Modifica Propriedade em Objetos do Array Crie um array de objetos chamado
produtos
, onde cada objeto tem uma propriedadepreco
. Crie um métodoaplicarDesconto
, que recebe um valor de desconto e modifica o preço de cada produto. Itere sobre o array e aplique o desconto. -
Método que Retorna um Valor em Objetos do Array Crie um array de objetos chamado
clientes
, onde cada objeto tem uma propriedadenome
ecompras
. O métodototalCompras
deve retornar o total de compras de cada cliente. Itere sobre o array e imprima o total de compras de cada cliente.
-
Método Encadeado em Objetos do Array Crie um array de objetos
veiculos
, onde cada objeto tem uma propriedademodelo
e um métodomodificarModelo
. O método deve alterar o modelo do veículo e retornar o próprio objeto, permitindo encadear outro método,exibirModelo
. Itere sobre o array e aplique ambos os métodos em encadeamento. -
Método de Filtro em Objetos do Array Crie um array de objetos chamado
clientes
, onde cada objeto tem uma propriedadeidade
. Crie um métodofiltrarIdades
que recebe uma idade mínima e retorna um novo array contendo apenas os clientes com idade maior ou igual à idade mínima. Imprima o novo array de clientes filtrados.
-
Soma de Números até um Valor
- Crie uma função recursiva que receba um número
n
e retorne a soma de todos os números de 1 atén
. Exemplo: Sen = 5
, a função deve retornar1 + 2 + 3 + 4 + 5 = 15
.
- Crie uma função recursiva que receba um número
-
Fatorial de um Número
- Crie uma função recursiva que calcule o fatorial de um número
n
. O fatorial den
é a multiplicação de todos os números de 1 atén
. Exemplo: Fatorial de 5 é5 * 4 * 3 * 2 * 1 = 120
.
- Crie uma função recursiva que calcule o fatorial de um número
-
Contar até um Número
- Crie uma função recursiva que imprima todos os números de 1 até
n
no console. Exemplo: Sen = 3
, a função deve imprimir1, 2, 3
.
- Crie uma função recursiva que imprima todos os números de 1 até
-
Contar de Trás para Frente
- Crie uma função recursiva que imprima os números de
n
até 1, em ordem decrescente. Exemplo: Sen = 4
, a função deve imprimir4, 3, 2, 1
.
- Crie uma função recursiva que imprima os números de
-
Verificar se um Número é Par ou Ímpar
- Crie uma função recursiva que verifique se um número
n
é par ou ímpar, retornandotrue
oufalse
. A função deve considerar que 0 é par.
- Crie uma função recursiva que verifique se um número
-
Soma dos Elementos de um Array
- Crie uma função recursiva que receba um array de números e retorne a soma de seus elementos. Exemplo: Se o array for
[1, 2, 3, 4]
, a função deve retornar10
.
- Crie uma função recursiva que receba um array de números e retorne a soma de seus elementos. Exemplo: Se o array for
-
Reverter uma String
- Crie uma função recursiva que inverta uma string. Exemplo: Se a string for
"abc"
, a função deve retornar"cba"
.
- Crie uma função recursiva que inverta uma string. Exemplo: Se a string for
-
Fibonacci
- Crie uma função recursiva que calcule o número de Fibonacci na posição
n
. O número de Fibonacci é a sequência onde cada número é a soma dos dois anteriores. Exemplo: Sen = 5
, a função deve retornar5
.
- Crie uma função recursiva que calcule o número de Fibonacci na posição
-
Encontrar o Maior Número em um Array
- Crie uma função recursiva que encontre o maior número em um array de números. Exemplo: Se o array for
[3, 1, 4, 1, 5, 9]
, a função deve retornar9
.
- Crie uma função recursiva que encontre o maior número em um array de números. Exemplo: Se o array for
-
Fatorial de um Array de Números
- Crie uma função recursiva que receba um array de números e retorne a multiplicação do fatorial de cada número. Exemplo: Se o array for
[2, 3, 4]
, a função deve retornar2! * 3! * 4! = 2 * 6 * 24 = 288
.
- Crie uma função recursiva que receba um array de números e retorne a multiplicação do fatorial de cada número. Exemplo: Se o array for
- Permutações de uma String
- Crie uma função recursiva que gere todas as permutações possíveis de uma string. Exemplo: Se a string for
"abc"
, as permutações são"abc", "acb", "bac", "bca", "cab", "cba"
.
- Somar os Elementos de um Array 2D
- Crie uma função recursiva que some todos os elementos de um array bidimensional (matriz). Exemplo: Se o array for
[[1, 2], [3, 4], [5, 6]]
, a função deve retornar21
.
- Buscar um Elemento em um Array
- Crie uma função recursiva que busque um valor específico em um array e retorne seu índice ou
-1
se não encontrado. Exemplo: Se o array for[1, 2, 3, 4]
e o valor for3
, a função deve retornar2
.
- Contar o Número de Vezes que um Valor Aparece em um Array
- Crie uma função recursiva que conte quantas vezes um valor aparece em um array. Exemplo: Se o array for
[1, 2, 3, 1, 4, 1]
e o valor for1
, a função deve retornar3
.
- Somar os Elementos de um Array de Arrays
- Crie uma função recursiva que some todos os elementos de um array que contém sub-arrays. Exemplo: Se o array for
[[1, 2], [3, 4], [5, 6]]
, a função deve retornar21
.
-
Somar dois números usando uma função anônima Escreva uma função chamada
somar
que recebe dois números e retorna a soma deles utilizando uma função anônima dentro de seu corpo. O resultado deve ser exibido no console. -
Filtrar números pares em um array usando uma função anônima Dado um array de números, escreva uma função chamada
filtrarPares
que utilize uma função anônima dentro defilter
para retornar apenas os números pares do array.
-
Uso de Callback para manipular uma lista Escreva uma função chamada
processarLista
que recebe uma lista de números e um callback. O callback deve ser responsável por processar cada item da lista e imprimir o resultado. Exemplo de callback:dobrar
que multiplica o valor por 2. -
Ordem crescente com callback Escreva uma função chamada
ordenarArray
que recebe um array de números e um callback. O callback deve ser responsável por ordenar os números em ordem crescente. A função deve exibir o array ordenado.
-
Manipular objetos com callback Dado um array de objetos representando produtos com as propriedades
nome
epreco
, escreva uma função chamadaaplicarDesconto
que recebe o array e um callback. O callback deve calcular um desconto em cada preço e retornar um novo array com os preços com desconto. -
Execução assíncrona com Callback Crie uma função chamada
buscarDados
que simula uma busca de dados (utilizandosetTimeout
para simular uma operação assíncrona). Ela deve receber um callback que será executado após 2 segundos, e o callback deve exibir os dados recebidos (exemplo: nome, idade, cidade).
-
Somar dois números usando Arrow Function Escreva uma função usando arrow function que recebe dois parâmetros e retorna a soma dos mesmos.
-
Multiplicar dois números usando Arrow Function Crie uma arrow function chamada
multiplicar
que recebe dois números como parâmetros e retorna o produto entre eles. -
Verificar se um número é par usando Arrow Function Escreva uma arrow function chamada
isEven
que recebe um número e retornatrue
se o número for par, efalse
se for ímpar. -
Retornar o dobro de um número com Arrow Function Crie uma arrow function chamada
dobro
que recebe um número e retorna o seu dobro. -
Quadrado de um número usando Arrow Function Escreva uma arrow function chamada
quadrado
que recebe um número e retorna o seu quadrado.
-
Converter temperatura de Celsius para Fahrenheit usando Arrow Function Escreva uma arrow function chamada
celsiusToFahrenheit
que recebe um valor em Celsius e converte para Fahrenheit. -
Filtrar números positivos em um array usando Arrow Function Dado um array de números, escreva uma função chamada
filtrarPositivos
que utiliza uma arrow function dentro defilter
para retornar apenas os números positivos. -
Adicionar dois números em uma lista de arrays usando Arrow Function Crie uma função chamada
somarLista
que recebe um array de pares de números e retorna um novo array com a soma de cada par, utilizando uma arrow function dentro demap
. -
Verificar se um número é maior que 10 usando Arrow Function Escreva uma arrow function chamada
isGreaterThanTen
que recebe um número e retornatrue
se for maior que 10 efalse
caso contrário. -
Contar a quantidade de números positivos em um array usando Arrow Function Crie uma função chamada
contarPositivos
que recebe um array de números e retorna a quantidade de números positivos utilizando uma arrow function comfilter
.
-
Ordenar um array de objetos com Arrow Function Dado um array de objetos com a propriedade
idade
, escreva uma arrow function para ordenar os objetos em ordem crescente de idade. -
Calcular a área de um círculo usando Arrow Function Crie uma arrow function chamada
areaCirculo
que recebe o raio de um círculo e calcula sua área (usando a fórmulaπ * r^2
). -
Transformar um array de strings para maiúsculas usando Arrow Function Dado um array de strings, escreva uma função chamada
maiusculas
que utiliza uma arrow function dentro demap
para transformar todas as strings em maiúsculas. -
Filtrar números ímpares e somá-los usando Arrow Function Dado um array de números, escreva uma função chamada
somarImpares
que filtra os números ímpares e retorna a soma deles usando uma arrow function. -
Calcular a soma de todos os elementos de um array de números usando Arrow Function Escreva uma função chamada
somaArray
que recebe um array de números e retorna a soma de todos os elementos usando uma arrow function comreduce
.
-
Executar uma função imediatamente que retorna uma saudação Escreva uma IIFE que imprime "Olá, Mundo!" no console assim que o código for executado.
-
Criar uma IIFE que soma dois números Crie uma IIFE que recebe dois números como parâmetros e retorna a soma deles. Exiba o resultado no console.
-
Usar IIFE para calcular o fatorial de um número Crie uma IIFE que recebe um número como parâmetro e calcula seu fatorial. Exiba o resultado no console.
-
Armazenar o resultado de uma IIFE em uma variável Crie uma IIFE que retorna o valor da soma de dois números e armazene o resultado dessa operação em uma variável. Exiba o valor da variável no console.
-
Usar IIFE para criar um contador de cliques Implemente uma IIFE que cria um contador de cliques em um botão. Cada vez que o botão for clicado, o valor do contador deve ser incrementado. Exiba o valor no console.
-
Usar IIFE para simular um módulo com variáveis privadas Crie uma IIFE que simula um módulo com uma variável privada e uma função que altera o valor dessa variável. A função pública deve ser usada para acessar e modificar a variável privada. Exiba o valor da variável privada no console após chamá-la.
-
Função que recebe outra função como argumento Crie uma função chamada
executar
que recebe uma função como argumento e a executa. Teste chamando a funçãoexecutar
com uma função simples que apenas imprime uma mensagem no console. -
Função que retorna uma função Crie uma função chamada
multiplicarPor
que recebe um número e retorna uma função. A função retornada deve multiplicar o valor passado como argumento pela função inicial. Teste com um número, como 2. -
Função que aceita um callback e imprime um resultado Crie uma função chamada
processar
que recebe dois números e um callback. O callback deve ser usado para realizar uma operação entre os números e o resultado da operação deve ser impresso no console. -
Função de soma com parâmetro de operação Crie uma função chamada
operar
que recebe dois números e uma função como parâmetros. A função passada deve realizar a operação entre os números. Teste com uma função de soma. -
Função de mensagem personalizada Crie uma função chamada
criarMensagem
que recebe um nome e retorna uma função. A função retornada deve exibir uma mensagem personalizada com o nome fornecido.
-
Função que verifica a validade de um número Crie uma função chamada
validarNumero
que recebe uma função de verificação (callback) e um número. Se o número for válido, a função de verificação deve retornar "válido", caso contrário, "inválido". -
Função que retorna uma função de cálculo Crie uma função chamada
calcular
que recebe uma operação como argumento (uma função) e dois números. A função de operação deve ser executada entre os dois números e o resultado retornado. -
Função de saudação personalizada com callback Crie uma função chamada
saudar
que recebe um nome e um callback. O callback deve ser responsável por exibir uma saudação personalizada para o nome fornecido. -
Função de execução com contagem Crie uma função chamada
executarComContagem
que recebe uma função e um número. A função deve ser executada várias vezes (a quantidade de vezes especificada pelo número) e o número de execuções deve ser exibido no console. -
Função que retorna uma operação com base em um parâmetro Crie uma função chamada
operacao
que recebe uma operação (como uma string: 'soma', 'subtracao') e retorna uma função que realiza essa operação entre dois números.
-
Função de transformação com callbacks Crie uma função chamada
transformar
que recebe um número e dois callbacks. O primeiro callback deve multiplicar o número por 2 e o segundo deve somar 10 ao resultado do primeiro callback. A funçãotransformar
deve retornar o resultado final da operação. -
Função que aplica operação entre múltiplos números Crie uma função chamada
aplicarOperacao
que recebe uma função de operação e um número variável de parâmetros. A função de operação deve ser aplicada a todos os números passados e o resultado final deve ser retornado. -
Função que simula uma calculadora com callbacks Crie uma função chamada
calculadora
que recebe uma operação ('soma', 'subtracao', etc.) e dois números. A função deve executar a operação passada usando um callback e retornar o resultado. -
Função de temporizador com callback Crie uma função chamada
tempos
que recebe um número (em segundos) e um callback. O callback será executado após o tempo especificado. Exiba uma mensagem no console quando o tempo for concluído. -
Função que cria uma sequência numérica com base em uma operação Crie uma função chamada
sequenciaNumerica
que recebe uma operação (soma, subtração, multiplicação) e um número inicial. A função deve retornar uma sequência numérica, onde cada número na sequência é o resultado da operação aplicada ao número anterior.
-
Usando
map()
para dobrar os valores de um array Crie uma função que recebe um array de números e retorna um novo array onde cada valor é o dobro do valor original. Use a funçãomap()
para fazer isso. -
Usando
filter()
para filtrar números pares Crie uma função que recebe um array de números e retorna um novo array contendo apenas os números pares. Utilize ofilter()
para realizar essa tarefa. -
Usando
reduce()
para somar os valores de um array Crie uma função que recebe um array de números e retorna a soma de todos os números presentes no array. Utilize oreduce()
para realizar essa operação. -
Usando
map()
para converter todos os nomes para maiúsculas Crie uma função que recebe um array de nomes e retorna um novo array onde todos os nomes estão em letras maiúsculas. Utilize omap()
para essa transformação. -
Usando
filter()
para remover números negativos Crie uma função que recebe um array de números e retorna um novo array contendo apenas os números positivos, utilizando ofilter()
para filtrar os números negativos.
-
Usando
map()
efilter()
para transformar e filtrar dados Crie uma função que recebe um array de números e retorna um novo array contendo o dobro dos números positivos. Utilizemap()
para dobrar os números efilter()
para remover os números negativos. -
Usando
reduce()
para encontrar o maior número Crie uma função que recebe um array de números e retorna o maior número presente nesse array. Utilize oreduce()
para encontrar esse valor. -
Usando
map()
para converter uma lista de preços Crie uma função que recebe um array de preços e retorna um novo array onde cada preço é acrescido de 10%. Utilize omap()
para realizar essa operação. -
Usando
reduce()
para calcular o produto de todos os elementos Crie uma função que recebe um array de números e retorna o produto de todos os números presentes no array. Utilize oreduce()
para realizar essa operação. -
Usando
filter()
para selecionar strings com mais de 5 caracteres Crie uma função que recebe um array de strings e retorna um novo array contendo apenas as strings que têm mais de 5 caracteres, utilizando ofilter()
.
-
Usando
reduce()
para agrupar valores por categoria Crie uma função que recebe um array de objetos, onde cada objeto contém uma categoria e um valor. A função deve retornar um objeto onde as chaves são as categorias e os valores são a soma de todos os valores daquela categoria. Use oreduce()
para agrupar e somar os valores. -
Usando
map()
efilter()
para transformar e remover valores Crie uma função que recebe um array de objetos, onde cada objeto tem um campoidade
. A função deve retornar um novo array com a idade aumentada em 10 anos, mas removendo qualquer pessoa que tenha mais de 50 anos após o aumento da idade. Utilizemap()
efilter()
para essa tarefa. -
Usando
reduce()
para criar um índice de contagem Crie uma função que recebe um array de strings e retorna um objeto onde as chaves são as strings e os valores são a quantidade de vezes que cada string aparece no array. Utilize oreduce()
para gerar esse índice de contagem. -
Usando
map()
ereduce()
para calcular a média de uma lista de objetos Crie uma função que recebe um array de objetos, onde cada objeto contém um camponota
. A função deve calcular a média das notas utilizandomap()
para extrair as notas ereduce()
para calcular a soma das notas e depois dividir pelo número total de objetos. -
Usando
filter()
,map()
ereduce()
para gerar um relatório Crie uma função que recebe um array de objetos, onde cada objeto contém os camposnome
evendas
. A função deve filtrar os vendedores que realizaram mais de 50 vendas, mapear para obter apenas os nomes e, em seguida, calcular o total de vendas desses vendedores. Utilizefilter()
,map()
ereduce()
para resolver essa tarefa.
1. Eventos em JavaScript
-
Crie um botão que exibe um alerta com a mensagem "Botão clicado!" quando pressionado.
-
Ao passar o mouse sobre um parágrafo, mude a cor do texto para azul.
-
Crie um evento que dispara uma função ao pressionar uma tecla no campo de entrada e exibe a tecla pressionada no console.
-
Adicione um evento de
dblclick
(clique duplo) em um botão que oculta um elemento. -
Crie um formulário com um botão de envio e previna o comportamento padrão do formulário.
2. DOM - Document Object Model
-
Acesse um elemento
<h1>
no HTML e altere seu conteúdo para "Olá, Mundo!" usando JavaScript. -
Selecione um
<p>
com uma classe específica e troque seu texto. -
Crie um novo elemento
<div>
, adicione um texto e insira-o dentro do<body>
. -
Remova um elemento específico do DOM ao clicar em um botão.
-
Acesse o primeiro
<li>
de uma lista e altere seu texto para "Item modificado".
3. Métodos de Seleção no DOM
-
Use
getElementById
para alterar o texto de um elemento com um ID específico. -
Use
querySelector
para selecionar e alterar o conteúdo de um elemento<p>
. -
Recupere todos os elementos
<li>
dentro de uma<ul>
e altere suas cores. -
Utilize
getElementsByClassName
para selecionar múltiplos elementos e adicionar uma borda a eles. -
Use
querySelectorAll
para selecionar todos os parágrafos e mudar sua fonte.
4. Manipulação do DOM
-
Crie um botão que, ao ser clicado, adiciona um novo item a uma lista.
-
Altere dinamicamente o atributo
src
de uma imagem ao passar o mouse sobre ela. -
Crie um botão que remove um elemento específico do DOM.
-
Use
prepend()
para adicionar um parágrafo antes do conteúdo principal de uma página. -
Crie um elemento
<p>
, defina um texto e adicione-o dentro de um<div>
.
5. Métodos de Inserção
-
Utilize
append()
para adicionar um novo parágrafo ao final de um<div>
. -
Use
appendChild()
para adicionar um novo<li>
dentro de uma<ul>
. -
Use
prepend()
para adicionar um título no início de um<section>
. -
Crie um botão que, ao ser clicado, insira um texto dentro de um
<p>
vazio. -
Adicione um novo
<div>
com a classe "box" dentro do<body>
.
6. Perigos do innerHTML
-
Crie um botão que altera o conteúdo de um
<p>
usandoinnerHTML
. -
Mostre como
innerHTML
pode permitir injeção de código malicioso. -
Use
textContent
para modificar um texto com segurança. -
Crie um campo de entrada e um botão que exiba seu valor em um
<p>
. -
Demonstre como
createElement
eappendChild
podem ser mais seguros do queinnerHTML
.
7. Manipulação de Eventos
-
Crie um botão que muda sua própria cor ao ser clicado.
-
Adicione um evento
mouseover
em um<h1>
que aumenta seu tamanho. -
Use
addEventListener
para exibir um alerta ao clicar em um botão. -
Remova um evento após ser disparado uma vez.
-
Crie um botão que dispara diferentes eventos para diferentes ações do mouse.
8. Removendo Eventos
-
Crie um botão que, ao ser clicado, desativa outro botão.
-
Adicione um evento de clique e remova-o após 3 execuções.
-
Crie um evento que remove a si mesmo após ser acionado.
-
Crie um formulário que só pode ser enviado uma vez.
-
Adicione um evento que muda a cor do fundo e o remove após 5 segundos.
9. Prevenindo Recarregamento de Página
-
Crie um formulário que não recarrega a página ao ser enviado.
-
Crie um link
<a>
que não navega para outra página ao ser clicado. -
Use
preventDefault()
para impedir o envio de um formulário vazio. -
Crie um evento de clique que previne o comportamento padrão do botão de envio.
-
Crie um botão de reset que limpa um formulário sem recarregar a página.
10. Manipulando Estilos
-
Altere a cor de fundo do
<body>
ao clicar em um botão. -
Aumente o tamanho da fonte de um parágrafo ao passar o mouse sobre ele.
-
Adicione uma classe CSS a um elemento ao clicar nele.
-
Crie um botão que alterna entre dois temas (claro e escuro).
-
Use
style.display
para esconder um elemento ao clicar em um botão.
11. O que é toggle()
-
Crie um botão que adiciona e remove a classe "ativo" de um
<div>
. -
Implemente um menu que expande e retrai ao clicar em um botão.
-
Crie um botão que alterna a visibilidade de um elemento.
-
Adicione uma classe "destaque" a um parágrafo quando o mouse passar sobre ele.
-
Use
toggle()
para alternar um ícone de "favorito" em um elemento.
12. Manipulação de Atributos
-
Altere dinamicamente o atributo
src
de uma imagem ao clicar em um botão. -
Use
getAttribute
esetAttribute
para mudar ohref
de um link. -
Crie um botão que desabilita um campo de entrada.
-
Adicione um atributo
title
a um parágrafo usando JavaScript. -
Crie um botão que adiciona e remove o atributo
readonly
de um input.
13. focus()
-
Foque automaticamente em um campo de entrada ao carregar a página.
-
Crie um botão que foca em um campo de senha.
-
Crie um evento que destaca um campo quando ele recebe foco.
-
Remova o foco de um campo ao pressionar Enter.
-
Crie um formulário que impede envio se um campo não estiver focado.
14. eval()
-
Use
eval()
para calcular a soma de dois números digitados pelo usuário. -
Demonstre o perigo de
eval()
executando um comando malicioso. -
Crie uma calculadora simples usando
eval()
. -
Use
Function()
como alternativa segura aeval()
. -
Explique por que
eval()
pode representar um risco de segurança.