|
|
<!DOCTYPE html> |
|
|
<html lang="pt-BR"> |
|
|
<head> |
|
|
<meta charset="UTF-8"> |
|
|
<title>Prova Escolar</title> |
|
|
<style> |
|
|
body { |
|
|
font-family: Arial, sans-serif; |
|
|
padding: 20px; |
|
|
max-width: 800px; |
|
|
margin: auto; |
|
|
} |
|
|
.pergunta { |
|
|
margin-bottom: 20px; |
|
|
} |
|
|
.resultado { |
|
|
margin-top: 30px; |
|
|
padding: 20px; |
|
|
border-top: 2px solid #aaa; |
|
|
} |
|
|
</style> |
|
|
</head> |
|
|
<body> |
|
|
|
|
|
<h1>Prova Escolar do 1º ao 5º Ano</h1> |
|
|
<label><strong>Nome do aluno:</strong></label><br> |
|
|
<input type="text" id="nome"><br><br> |
|
|
|
|
|
<form id="prova"> |
|
|
|
|
|
<h2>Português</h2> |
|
|
<div class="pergunta"> |
|
|
<p>1. Qual é o plural de "flor"?</p> |
|
|
<label><input type="radio" name="port1" value="certa"> flores</label><br> |
|
|
<label><input type="radio" name="port1" value="errada"> floras</label><br> |
|
|
<label><input type="radio" name="port1" value="errada"> florz</label><br> |
|
|
<label><input type="radio" name="port1" value="errada"> Não sei</label> |
|
|
</div> |
|
|
|
|
|
<div class="pergunta"> |
|
|
<p>2. Complete: O menino ________ o livro.</p> |
|
|
<label><input type="radio" name="port2" value="errada"> nadou</label><br> |
|
|
<label><input type="radio" name="port2" value="errada"> brinca</label><br> |
|
|
<label><input type="radio" name="port2" value="certa"> leu</label><br> |
|
|
<label><input type="radio" name="port2" value="errada"> Não sei</label> |
|
|
</div> |
|
|
|
|
|
<div class="pergunta"> |
|
|
<p>3. A palavra "bola" é um:</p> |
|
|
<label><input type="radio" name="port3" value="certa"> substantivo</label><br> |
|
|
<label><input type="radio" name="port3" value="errada"> verbo</label><br> |
|
|
<label><input type="radio" name="port3" value="errada"> adjetivo</label><br> |
|
|
<label><input type="radio" name="port3" value="errada"> Não sei</label> |
|
|
</div> |
|
|
|
|
|
<h2>Matemática</h2> |
|
|
<div class="pergunta"> |
|
|
<p>1. Quanto é 6 + 4?</p> |
|
|
<label><input type="radio" name="mat1" value="certa"> 10</label><br> |
|
|
<label><input type="radio" name="mat1" value="errada"> 12</label><br> |
|
|
<label><input type="radio" name="mat1" value="errada"> 8</label><br> |
|
|
<label><input type="radio" name="mat1" value="errada"> Não sei</label> |
|
|
</div> |
|
|
|
|
|
<div class="pergunta"> |
|
|
<p>2. Quanto é 20 - 7?</p> |
|
|
<label><input type="radio" name="mat2" value="errada"> 15</label><br> |
|
|
<label><input type="radio" name="mat2" value="certa"> 13</label><br> |
|
|
<label><input type="radio" name="mat2" value="errada"> 12</label><br> |
|
|
<label><input type="radio" name="mat2" value="errada"> Não sei</label> |
|
|
</div> |
|
|
|
|
|
<div class="pergunta"> |
|
|
<p>3. Qual número é maior?</p> |
|
|
<label><input type="radio" name="mat3" value="errada"> 18</label><br> |
|
|
<label><input type="radio" name="mat3" value="certa"> 21</label><br> |
|
|
<label><input type="radio" name="mat3" value="errada"> 19</label><br> |
|
|
<label><input type="radio" name="mat3" value="errada"> Não sei</label> |
|
|
</div> |
|
|
|
|
|
<br> |
|
|
<button type="button" onclick="corrigir()">Ver Resultado</button> |
|
|
</form> |
|
|
|
|
|
<div id="resultado" class="resultado"></div> |
|
|
|
|
|
<script> |
|
|
function corrigir() { |
|
|
const nome = document.getElementById("nome").value.trim(); |
|
|
if (nome === "") { |
|
|
alert("Digite o nome do aluno."); |
|
|
return; |
|
|
} |
|
|
|
|
|
const respostasPort = [ |
|
|
document.querySelector('input[name="port1"]:checked')?.value, |
|
|
document.querySelector('input[name="port2"]:checked')?.value, |
|
|
document.querySelector('input[name="port3"]:checked')?.value |
|
|
]; |
|
|
const respostasMat = [ |
|
|
document.querySelector('input[name="mat1"]:checked')?.value, |
|
|
document.querySelector('input[name="mat2"]:checked')?.value, |
|
|
document.querySelector('input[name="mat3"]:checked')?.value |
|
|
]; |
|
|
|
|
|
if (respostasPort.includes(undefined) || respostasMat.includes(undefined)) { |
|
|
alert("Responda todas as perguntas."); |
|
|
return; |
|
|
} |
|
|
|
|
|
const notaPort = respostasPort.filter(v => v === "certa").length; |
|
|
const notaMat = respostasMat.filter(v => v === "certa").length; |
|
|
|
|
|
const passouPort = notaPort > 2; |
|
|
const passouMat = notaMat > 2; |
|
|
|
|
|
const resultadoFinal = (passouPort && passouMat) |
|
|
? `<span style="color:green">APROVADO</span>` |
|
|
: `<span style="color:red">REPROVADO</span>`; |
|
|
|
|
|
document.getElementById("resultado").innerHTML = ` |
|
|
<h3>Resultado Final</h3> |
|
|
<strong>Nome:</strong> ${nome}<br> |
|
|
<strong>Nota em Português:</strong> ${notaPort} / 3<br> |
|
|
<strong>Nota em Matemática:</strong> ${notaMat} / 3<br> |
|
|
<strong>Status:</strong> ${resultadoFinal} |
|
|
`; |
|
|
} |
|
|
</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/blz-hitru" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body> |
|
|
</html> |
