✅ Resumo dos 15 Códigos — JavaScript
🔢 Código 1 — Arrays e manipulação
● new Array(tamanho) → cria array com tamanho fixo
● [] → cria array vazio
● push() → adiciona no final
● unshift() → adiciona no início
● pop() → remove do final
● shift() → remove do início
● delete → apaga valor, mas mantém a posição
● splice() → remove elementos por índice
● prompt() → recebe entrada do usuário
● getElementById() → acessa elemento do HTML pelo ID
● textContent → muda o texto de um elemento HTML
📅 Código 2 — Datas
● new Date() → cria uma data
● getDay() → dia da semana (0 = domingo)
● getDate() → dia do mês
● getMonth() → mês (0 = janeiro)
● getFullYear() → ano
● getHours(), getMinutes(), getSeconds() → hora, minuto, segundo
● Arrays usados para converter números de datas em nomes (semana[],
mesesAno[])
● Template string: `${variavel}` → forma moderna de montar strings
🧪 Código 3 — Métodos modernos de arrays
● findIndex() → retorna o índice do item que satisfaz a condição
● includes() → verifica se o array contém um valor
● find() → retorna o primeiro item que satisfaz a condição
● some() → verifica se algum item satisfaz a condição
● every() → verifica se todos satisfazem
● filter() → retorna um novo array com os que passaram na condição
➕ Código 4 — reduce()
● reduce() → percorre o array acumulando valores
● Pode somar todos os itens, calcular total com frete, etc.
🧑🏫 Código 5 — Formulário + Lista
● getElementById().value → pega o valor digitado no input
● innerHTML → insere HTML no elemento (ex: adicionar <li> na lista)
● onclick="função()" → chama função ao clicar no botão
📚 Código 6 — Manipulação de arrays
● concat() → junta dois arrays
● reverse() → inverte a ordem
● slice(x, y) → copia parte do array
● join() → junta os elementos com um separador
● sort() → ordena array (alfabético ou numérico)
🧮 Código 7 — Função para calcular média
● parseFloat() → transforma string em número decimal
● Condicional if/else para verificar se foi aprovado ou reprovado
● textContent e style → alterar texto e estilo de elementos
📊 Código 8 — Função com retorno
● Função com parâmetros (nota1, nota2)
● return → devolve um valor para ser usado depois
● alert() → mostra mensagem na tela
🧠 Código 9 — Função anônima
● Função armazenada numa variável (const calcularMedia =
function(...))
● Útil para organizar código ou passar funções como argumentos
🔥 Código 10 — Função arrow
● Arrow function: const func = () => { ... }
● Sintaxe moderna, mais curta
● Igual à função normal, mas com visual mais limpo
📁 Código 11 — Script externo
● src="script.js" → importa um script de outro arquivo
● Aviso: se o script estiver no <head>, os elementos do body ainda não
existem
🎨 Código 12 — Estilo via JavaScript
● .style.color, .style.backgroundColor, .style.fontWeight →
mudar estilo visual de um elemento
● Mostra como usar funções pra alterar aparência
🔄 Código 13 — Tipos e escopo
● var, let, const → tipos de variáveis:
○ var: escopo global
○ let: escopo de bloco
○ const: valor fixo
● typeof → mostra o tipo da variável
● Template string
● Frases com \" para usar aspas dentro de aspas
🗺️ Código 14 — map()
● map() → transforma cada item do array em algo novo
● Pode usar map(item), map(item, index), ou com arrow function
● Cria novo array com os resultados
🔁 Código 15 — forEach()
● forEach() → executa uma função para cada item do array
● Não retorna valor, apenas executa ações
● Pode acessar o item, o índice e o array completo
