Como podemos selecionar um elemento HTML pelo seu id usando JavaScript e alterar o seu texto interno?
// Seleciona o elemento com id="titulo" e altera o conteúdo
let meuTitulo = document.getElementById("titulo");
meuTitulo.innerText = "Novo Texto Atualizado!";
Crie uma função que altere a cor de fundo (background-color) de uma div para vermelho dinamicamente através do JavaScript.
function mudarCorFundo() {
// A propriedade .style permite modificar qualquer CSS do elemento
document.getElementById("caixa").style.backgroundColor = "red";
}
Como usar o método addEventListener para disparar uma mensagem no console sempre que um botão específico for clicado?
let botao = document.getElementById("meuBotao");
// Ouve o evento de clique sem precisar colocar atributos direto no HTML
botao.addEventListener("click", function() {
console.log("O botão foi clicado com sucesso!");
});
Escreva uma função que use Template Literals (Crase `) para juntar o nome e o preço de um produto em uma única string textual.
let produto = "Teclado Mecânico";
let preco = 250;
// O uso de `${}` permite injetar variáveis direto dentro do texto
let mensagem = `O produto ${produto} custa exatamente R$ ${preco},00.`;
console.log(mensagem);
Dado um array de números, utilize o método .filter() para criar uma nova lista contendo apenas os valores que sejam maiores que 10.
let listaNumeros = [4, 12, 7, 21, 9, 30];
// O filter gera uma nova lista apenas com os itens que passarem na condição
let maioresQueDez = listaNumeros.filter(num => num > 10);
console.log(maioresQueDez); // Resultado esperado: [12, 21, 30]
Utilize o método .map() para pegar uma lista de preços inteiros e gerar um novo array com todos os valores multiplicados por 2.
let precosBase = [10, 20, 50];
// O map transforma cada item do array original e gera um novo array modificado
let precosDobrados = precosBase.map(preco => preco * 2);
console.log(precosDobrados); // Resultado esperado: [20, 40, 100]
Crie um Objeto em JavaScript que represente um Aluno, contendo as propriedades: nome, idade e curso. Exiba o nome do aluno no console.
let aluno = {
nome: "Lucas Silva",
idade: 22,
curso: "Análise de Sistemas"
};
// Acessamos as propriedades do objeto usando o ponto (.)
console.log("Nome do Aluno:", aluno.nome);
Como converter um Objeto JavaScript para uma string no formato JSON para que ele possa ser enviado para um servidor?
let usuario = { id: 1, login: "leo_cunha" };
// O JSON.stringify() transforma objetos complexos em strings simples de texto
let stringJSON = JSON.stringify(usuario);
console.log(stringJSON); // Resultado: '{"id":1,"login":"leo_cunha"}'
Como salvar uma informação de texto simples no navegador do usuário utilizando o recurso do localStorage?
// O localStorage guarda dados que não somem mesmo se fechar o navegador
localStorage.setItem("temaSite", "escuro");
console.log("Configuração salva no armazenamento local!");
Escreva a linha de comando responsável por recuperar/buscar a informação salva na questão anterior de volta para uma variável.
// Buscamos o valor salvo usando a chave que demos na gravação
let temaSalvo = localStorage.getItem("temaSite");
console.log("O tema configurado anteriormente é:", temaSalvo); // Exibe: escuro