Noobie aquí. Estoy tratando de crear un cuestionario simple. Comenzar el cuestionario ejecutaría una función que ejecuta una matriz de preguntas E iniciaría un temporizador. El recuento actual y total sería visible. El temporizador haría una cuenta regresiva desde 10. Una vez que llega a 0, se ejecutaría el siguiente elemento de la matriz.

Creé un código anterior (que no se muestra aquí) que funcionó lo suficientemente bien, pero lo rompí cuando intenté agregar una función de pregunta en bucle (mantener el conteo de matrices mientras se repite la cuenta regresiva). Intenté recrear el código, pero ahora no funcionará después del primer elemento:

¿Algunas ideas?

 Question: <div id="interview_questions"></div> Timer: <div id="countdown"></div> Current count question: <div id="questions_count"></div> Total count questions: <div id="questions_total"></div> <button onclick="start_interview()">start interview</button> <script> // Questions var questions = ["Why do you want to work here?", "Why are you a good fit?", "What are your strengths?" ]; // Givens let questions_total = questions.length; let questions_count = 0; function start_interview() { document.getElementById("questions_total").innerHTML = questions_total; let question_count = 1; for (let questions_count = 0; questions_count < questions_total; questions_count++) { // Show questions timer(); console.log(questions[questions_count]); //questions_count++; // console.log(questions_count); } } // Timer function timer() { let timer = 10; if (timer > 0) { let question_timer = setInterval(function() { if (timer === 0) { clearInterval(question_timer); } document.getElementById("interview_questions").innerHTML = questions[questions_count]; document.getElementById("questions_count").innerHTML = questions_count; document.getElementById("countdown").innerHTML = timer; timer--; console.log(timer); console.log(questions_count); }, 1000); } else { questions_count++; start_interview(); } } </script>