Red de conocimiento informático - Aprendizaje de programación - 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

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;