Estou montando um questionário onde cada pergunta deve aparecer uma de cada vez na tela para o usuario e, assim que o usuário responder a mesma, ele deve seguir para a próxima pergunta.
Para isso estou usando um for para ir de pergunta em pergunta e uma função para montar a pergunta com as respostas possíveis conforme código abaixo:
for (let aux = 1; aux < nrPerguntas + 1; aux ++) {
montaQuestionario(aux)
}
function montaQuestionario(aux) {
pPergunta.innerHTML = perguntas(aux)
pEscala.innerHTML = ""
for ( var i= 0; i < respostas.length ; i++) {
pEscala.innerHTML = pEscala.innerHTML + `<td class="tdBorda" onclick="#"> ${respostas[i][1]} </td><td class="tdBranco"></td>`
}
}
Meu problema é que o for vai da primeira a ultima pergunta sem pausar quando vai para a função montaQuestionario() e se colocar um break ele para de correr o for.
Existe alguma forma de fazer com que o for aguarde um retorno ou ação do usuário para continuar? Esta ação ficaria dentro da função já que seria ali que o usuário faria a seleção da resposta.