Spaces:
Running
Running
File size: 11,398 Bytes
27244c9 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 |
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Prova de Matemática - 1º Ano</title>
<style>
body { font-family: Arial, sans-serif; max-width: 600px; margin: 20px auto; padding: 10px; }
.question { margin-bottom: 20px; }
.feedback { margin-top: 5px; font-weight: bold; }
#result { font-size: 1.2em; font-weight: bold; margin-top: 30px; }
button { padding: 8px 12px; font-size: 1em; }
input[type="text"] { padding: 5px; font-size: 1em; width: 50px; }
</style>
</head>
<body>
<h1>Prova de Matemática - 1º Ano</h1>
<div id="quiz-container"></div>
<button id="submit-btn">Enviar Resposta</button>
<div id="result"></div>
<script>
const questions = [
{ pergunta: "Quanto é 2 + 3?", resposta: "5" },
{ pergunta: "Quanto é 4 - 1?", resposta: "3" },
{ pergunta: "Quanto é 5 + 0?", resposta: "5" },
{ pergunta: "Quanto é 3 + 3?", resposta: "6" },
{ pergunta: "Quanto é 10 - 7?", resposta: "3" }
];
let currentQuestion = 0;
let score = 0;
const quizContainer = document.getElementById('quiz-container');
const submitBtn = document.getElementById('submit-btn');
const resultDiv = document.getElementById('result');
function loadQuestion() {
resultDiv.textContent = '';
quizContainer.innerHTML = `
<div class="question">
<p><strong>Pergunta ${currentQuestion + 1}:</strong> ${questions[currentQuestion].pergunta}</p>
<input type="text" id="answer" autocomplete="off" />
<div id="feedback" class="feedback"></div>
</div>
`;
document.getElementById('answer').focus();
}
submitBtn.addEventListener('click', () => {
const answerInput = document.getElementById('answer');
const userAnswer = answerInput.value.trim();
if(userAnswer === "") {
alert("Por favor, responda a pergunta antes de enviar.");
return;
}
const feedbackDiv = document.getElementById('feedback');
if(userAnswer === questions[currentQuestion].resposta) {
feedbackDiv.textContent = "Certo!";
feedbackDiv.style.color = "green";
score++;
} else {
feedbackDiv.textContent = "Errado! A resposta correta é " + questions[currentQuestion].resposta;
feedbackDiv.style.color = "red";
}
submitBtn.disabled = true; // evita enviar várias vezes
// Depois de 2 segundos, vai para a próxima pergunta ou mostra o resultado
setTimeout(() => {
currentQuestion++;
if(currentQuestion < questions.length) {
loadQuestion();
submitBtn.disabled = false;
} else {
quizContainer.innerHTML = '';
submitBtn.style.display = 'none';
resultDiv.textContent = `Prova finalizada! Sua nota é ${score} de ${questions.length}.`;
}
}, 2000);
});
// Carrega a primeira pergunta quando a página abre
loadQuestion();
</script>
<p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=Rwhehhehe/matem-tica" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
</html> |