El cuestionario de todo
This is an automatic translation. Read the original
cuerpo {
familia de fuentes: Arial, sans-serif;
fondo: gradiente lineal (135 grados, # 1e1e2f, # 2c2c54);
color: blanco;
alineación de texto: centro;
relleno: 20px;
}
h1 {
color: #00d4ff;
}
.cuadro de prueba {
fondo: #2f2f4f;
relleno: 20px;
radio del borde: 15px;
ancho máximo: 600px;
margen: automático;
sombra de cuadro: 0 0 20px rgba(0,0,0,0.5);
}
.pregunta {
tamaño de fuente: 20px;
margen inferior: 15px;
}
botón {
mostrar: bloquear;
margen: 10px automático;
relleno: 10px 15px;
ancho: 80%;
borde: ninguno;
radio del borde: 10px;
antecedentes: #00d4ff;
color: negro;
tamaño de fuente: 16px;
cursor: puntero;
transición: 0,3 s;
}
botón: flotar {
fondo: #00a3cc;
}
.correcto {
antecedentes: #4caf50 !importante;
}
.incorrecto {
antecedentes: #f44336 !importante;
}
#puntuación {
margen superior: 20px;
tamaño de fuente: 22px;
}
prueba constante = [
{
q: "¿Qué es 12 × 8?",
a: ["96", "88", "108", "86"],
correcto: 0
},
{
q: "¿Qué planeta se conoce como el Planeta Rojo?",
a: ["Tierra", "Marte", "Júpiter", "Venus"],
correcto: 1
},
{
P: "¿Quién escribió 'Romeo y Julieta'?",
a: ["Charles Dickens", "William Shakespeare", "Mark Twain", "Jane Austen"],
correcto: 1
},
{
q: "¿Cuál es la raíz cuadrada de 144?",
a: ["10", "11", "12", "13"],
correcto: 2
},
{
q: "¿En qué año terminó la Segunda Guerra Mundial?",
a: ["1942", "1945", "1939", "1950"],
correcto: 1
},
{
q: "¿Cómo se conoce comúnmente al H2O?",
a: ["Oxígeno", "Hidrógeno", "Sal", "Agua"],
correcto: 3
},
{
q: "Resolver: 3x = 21",
a: ["5", "6", "7", "8"],
correcto: 2
},
{
q: "¿Cuál es la capital de Francia?",
a: ["Berlín", "Madrid", "París", "Roma"],
correcto: 2
},
{
q: "¿Qué gas absorben las plantas?",
a: ["Oxígeno", "Dióxido de carbono", "Nitrógeno", "Hidrógeno"],
correcto: 1
},
{
q: "¿Cuál es el río más largo del mundo?",
a: ["Amazonas", "Nilo", "Danubio", "Mississippi"],
correcto: 1
}
];
sea actual = 0;
deja puntuación = 0;
función cargarPregunta() {
const q = cuestionario[actual];
document.getElementById("pregunta").innerText = q.q;
respuestas constantesDiv = document.getElementById("respuestas");
respuestasDiv.innerHTML = "";
qaforEach((respuesta, índice) => {
const btn = document.createElement("botón");
btn.innerText = respuesta;
btn.onclick = () => checkAnswer(index, btn);
respuestasDiv.appendChild(btn);
});
}
función verificarRespuesta(índice, btn) {
const índicecorrecto = cuestionario[actual].correcto;
if (índice === índice correcto) {
btn.classList.add("correcto");
puntuación++;
} más {
btn.classList.add("incorrecto");
}
Array.from(document.getElementById("respuestas").niños)
.forEach(b => b.disabled = verdadero);
setTimeout(() => {
actual++;
if (actual < longitud del cuestionario) {
cargarPregunta();
} más {
document.querySelector(".quiz-box").innerHTML =
"
El cuestionario de todo
¡Prueba terminada!
Tu puntuación: " + puntuación + " / " + prueba.longitud + "
"; } }, 1000); } cargarPregunta();
