Muy buenas compañeros, tengo tengo este problema, muestro preguntas traídas de un archivo JSON, con las preguntas no tengo problemas, pero con las respuestas necesito mostrar aleatoriamente mostrar de 3 a 8 preguntas cree una función para que me trajera números aleatorios y las utilicé en el for pero no funciono aún me falta aterrizar del todo bien la lógica.
function getRndInteger(min, max) {
return Math.floor(Math.random() * (max - min)) + min;
}
Este es mi código original donde muestro mis preguntas relacionadas con mis respuestas, pero este ultimo requisito aun no lo cumplo.
const preguntas = JSON.parse(data);
const respuestas = JSON.parse(res);
if (preguntas.length !== 0) {
if (respuestas.length !== 0) {
for (var w = 0; w < preguntas.length; w++) { //preguntas
$("#lists").append(
'<div class="list">' +
'<ul>' +
' <li>' +
' <label class="item-checkbox item-content">' +
' <input type="checkbox" name="' + preguntas[w].idFinal + '" disabled checked/>' +
' <i class="icon icon-checkbox"></i>' +
' <div class="item-inner">' +
' <div class="item-title">' + preguntas[w].pregunta + '</div>' +
' </div>' +
' </label>' +
' <div id="respuestasList' + w + '"></div>' +
' </li>' +
'</ul>' +
'</div>'
);
for (var r = 0; r < respuestas.length; r++) { //respuestas
if (preguntas[w].idFinal == respuestas[r].evail_final_id) {
$("#respuestasList" + w).append(
'<ul>' +
' <li>' +
' <label class="item-checkbox item-content">' +
' <input type="checkbox" onchange="EvaluacionFinal(' + respuestas[r].evail_final_id + ', ' + respuestas.length + ', this, ' + respuestas[w].idRespuestaFinal+')" ' +
' name="' + respuestas[r].evail_final_id + '" value="' + respuestas[r].answer_correct + '"/>' +
' <i class="icon icon-checkbox"></i>' +
' <div class="item-inner">' +
' <div class="item-title">' + respuestas[r].respuesta_final + '</div>' +
' </div>' +
' </label>' +
' </li>' +
'</ul>'
);
}
}
}
// falta un }
// falta un }
Alguna sugerencia?
La estructura deberia quedar mas o menos asi
JSON de Respuestas