Embedded Files
📌Detectando e Corrigindo Erros em JavaScript
Nesta aula, você vai praticar sua atenção aos detalhes e sua compreensão dos comandos básicos do JavaScript. Foram preparados 10 exercícios com pequenos erros propositalmente inseridos no código.
Seu desafio será:
Ler o código com atenção
Executar no console do navegador
Identificar o erro com base no resultado exibido
Corrigir o problema no código
Cada exercício está salvo em um arquivo HTML separado. O texto no console aparecerá normalmente, mas a parte incorreta estará em destaque vermelho, ajudando você a localizar o erro mais rapidamente.
Objetivo: fortalecer sua lógica e desenvolver autonomia na leitura e correção de códigos simples.
Boa sorte — e atenção aos detalhes! 🧠💻
📁 Organização da Pasta — Aula 12
Vá até a Área de Trabalho do seu computador.
Abra a pasta chamada Programação para Web.
Dentro dela, localize ou crie uma pasta com o seu nome completo.
Agora, crie uma nova pasta chamada aula 12 dentro da sua pasta com seu nome.
Todos os 10 arquivos HTML da aula deverão ser salvos dentro da pasta aula 12.
✅ Exemplo de caminho correto:
Área de Trabalho > Programação para Web > João da Silva > aula 12
Organize bem seus arquivos. Isso ajuda na sua produtividade e facilita a correção.
✍️ exercicio1.html
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<title>Exercício 1</title>
</head>
<body>
<h2>Exercício 1 - Corrigir o Erro</h2>
<p>Encontre o erro e realize a correção no VS Code</p>
<script>
// Objetivo: Mostrar o nome de um país
// Erro: a variável 'pais' não foi declarada com let
pais = "brasil";
alert("O nome do país é " + pais);
</script>
</body>
</html>
✍️ exercicio2.html
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<title>Exercício 2</title>
</head>
<body>
<h2>Exercício 2 - Corrigir o Erro</h2>
<p>Encontre o erro e realize a correção no VS Code</p>
<script>
// Objetivo: somar dois números informados pelo usuário
// Erro: os valores recebidos por prompt não foram convertidos para número
let numero1 = prompt("Digite o primeiro número:");
let numero2 = prompt("Digite o segundo número:");
let resultado = numero1 + numero2;
alert("O resultado da soma é: " + resultado);
</script>
</body>
</html>
✍️ exercicio3.html
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<title>Exercício 3</title>
</head>
<body>
<h2>Exercício 3 - Corrigir o Erro</h2>
<p>Encontre o erro e realize a correção no VS Code</p>
<script>
// Erro: nome da variável incorreto no alert
let preco = prompt("Digite o preço do produto:");
let quantidade = prompt("Digite a quantidade:");
preco = Number(preco);
quantidade = Number(quantidade);
let total = preco * quantidade;
alert("O valor total da compra é: " + resultado);
</script>
</body>
</html>
✍️ exercicio4.html
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<title>Exercício 4</title>
</head>
<body>
<h2>Exercício 4 - Corrigir o Erro</h2>
<p>Encontre o erro e realize a correção no VS Code</p>
<script>
// Erro: operador incorreto na operação (soma ao invés de multiplicação)
let largura = prompt("Digite a largura:");
let altura = prompt("Digite a altura:");
largura = Number(largura);
altura = Number(altura);
let area = largura + altura;
alert("A área do retângulo é: " + area);
</script>
</body>
</html>
✍️ exercicio5.html
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<title>Exercício 5</title>
</head>
<body>
<h2>Exercício 5 - Corrigir o Erro</h2>
<p>Encontre o erro e realize a correção no VS Code</p>
<script>
// Erro: falta de espaço na concatenação da saudação
let nome = prompt("Digite seu nome:");
let mensagem = "Olá," + nome + "seja bem-vindo!";
alert(mensagem);
</script>
</body>
</html>
✍️ exercicio6.html
Agora é com você!
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<title>Exercício 6</title>
</head>
<body>
<h2>Exercício 6 - Corrigir o Erro</h2>
<p>Encontre o erro e realize a correção no VS Code</p>
<script>
let nota1 = prompt("Digite a primeira nota:");
let nota2 = prompt("Digite a segunda nota:");
nota1 = Number(nota1);
nota2 = Number(nota2);
nota3 = Number(nota2);
let media = (nota1 + nota) / 3;
alert("A média é: " + media);
</script>
</body>
</html>
✍️ exercicio7.html
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<title>Exercício 7</title>
</head>
<body>
<h2>Exercício 7 - Corrigir o Erro</h2>
<p>Encontre o erro e realize a correção no VS Code</p>
<script>
// Erro: conversão incompleta, um dos valores não é convertido para número
let a = prompt("Digite o primeiro número:");
let b = prompt("Digite o segundo número:");
a = Number(a);
let resultado = a + b;
alert("Resultado: " + resultado);
</script>
</body>
</html>
✍️ exercicio8.html
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<title>Exercício 8</title>
</head>
<body>
<h2>Exercício 8 - Corrigir o Erro</h2>
<p>Encontre o erro e realize a correção no VS Code</p>
<script>
// Erro: ordem de operação incorreta
let valor = prompt("Digite o valor da compra:");
let taxa = prompt("Digite a taxa de imposto (%):");
valor = Number(valor);
taxa = Number(taxa);
let total = valor + valor * taxa;
alert("Total com imposto: R$ " + total);
</script>
</body>
</html>
✍️ exercicio9.html
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<title>Exercício 10</title>
</head>
<body>
<h2>Exercício 10 - Corrigir o Erro</h2>
<p>Encontre o erro e realize a correção no VS Code</p>
<script>
// Erro: uso de variável inexistente no cálculo
let litros = prompt("Digite a quantidade de litros:");
let precoLitro = prompt("Digite o preço por litro:");
litros = Number(litros);
precoLitro = Number(precoLitro);
let total = litros * preco;
alert("Valor total: R$ " + total);
</script>
</body>
</html>
Google Sites
Report abuse