Cómo escribir el código JS para responder preguntas de prueba implementado por jQuery, leer aleatoriamente una pregunta en mi código json, hacer clic hacia arriba y hacia abajo para alternar y calcular la puntuación
Simplemente reemplace el otro marco jq escrito a mano, cópielo y ejecútelo.
lt;!DOCTYPE htmlgt;
lt;htmlgt;<. /p>
lt;headgt;
lt;meta charset="UTF-8"gt;
lt;/headgt;
lt; bodygt;
lt;div id="demo"gt;
lt;div class="list"gt;
lt;p id="pregunta "gt;lt;/ pgt;
lt;p id="answers"gt;lt;/pgt;
lt;p id="correctAnswer"gt;Respuesta correcta: lt;spangt;lt; /spangt;lt;/pgt;
lt;/divgt;
lt;div class="list"gt;
lt;button id=" next"gt; siguiente preguntalt;/buttongt;
lt; botón id="prev"gt; pregunta anteriorlt;/buttongt;
lt;/divgt ;
lt;/divgt;
lt;script type="text/javascript" src="js/jquery-2.1.0.js" gt;lt;/scriptgt;
lt; p>
lt;scriptgt;
var init={'questions': [
{'question': '¿Qué es jQuery? ? ', 'respuestas': ['biblioteca JavaScript', 'biblioteca CSS', 'marco PHP', 'Ninguna de las anteriores'], 'respuestacorrecta': 1},
{'pregunta': ' ¿Encontrar un artículo de diferentes categorías?', 'answers': ['escritorio', 'sofá', 'TV', 'mantel'], 'correctAnswer': 3},
{'pregunta' : 'El país con mayor superficie terrestre es:', 'answers': ['Estados Unidos', 'China', 'Rusia', 'Canadá'], 'correctAnswer': 3},
{'question': '¿A qué distancia está la luna de la tierra? ', 'respuestas': ['180.000 kilómetros', '380.000 kilómetros', '1 millón de kilómetros', '1,8 millones de kilómetros'], 'respuestacorrecta': 2}]}
var preguntas = init. preguntas
var mathLen = questions.length
var mathNum = parseInt(mathLen*Math.random())
función setHtml(num){
var mathTitle = preguntas[num].question
var mathAnswer = preguntas[num].answers
var correctAnswer = preguntas[num].correctAnswer
var intervalo = "
"
for (var i=0; ilt; mathAnswer.length; i ) {
span ="lt; span style='margin-right: 10px'gt;" mathAnswer [i] "lt;/spangt;"
}
$("#question").html(mathTitle)
$("#answers" ).html(span)
$("#correctAnswer span").html(correctAnswer)
}
$(function(){
setHtml(mathNum)
$("#next").click(function(){
if(mathNum==mathLen-1){
mathNum=0
setHtml(mathNum)
}else{
mathNum = mathNum 1
setHtml(mathNum)
}
})
$("#prev").click(función(){
if(mathNum==0 ){
mathNum=mathLen-1
setHtml(mathNum)
}else{
mathNum = mathNum-1
setHtml(mathNum)
}
})
})
lt;/scriptgt;
lt;/bodygt;
lt;/htmlgt;