Estoy tratando de deshabilitar el resto de los botones de opción si se seleccionó uno para una prueba de opción múltiple. Intenté usar un ciclo forEach pero se salta el ciclo forEach y solo activa el cuadro de alerta en la parte else de la declaración if cuando hago clic en un botón de opción antes de que se seleccione uno. Aquí está la función en la que estoy trabajando. el name${questionNumber} es la forma de llamar a mis botones de opción. myQuestions es mi objeto con todas las preguntas y respuestas almacenadas en él. Alguien me puede ayudar a saber como hacer esto, se lo agradeceria. Gracias.
function showExplanation(questionNumber) { document.getElementsByClassName("explanations")[questionNumber].classList.add("show"); if (document.getElementsByName(`name${questionNumber}`).checked) { myQuestions.forEach((questionNumber) => { document.getElementsByName(`name${questionNumber}`).disabled = true; }); } else { alert("Please select an answer."); } } const myQuestions = [{ question: "What color is the sky?", answers: { a: "blue", b: "green", c: "red", d: "yellow" }, explanation: { correct: "Correct answer: A. blue", explain: `The sky may be blue today `, source: "Source: common sense" }, correctAnswer: "a" }, { question: `What color is an elephant?`, answers: { a: "blue", b: "grey", c: "black", d: "green" }, explanation: { correct: "Correct answer: B. grey", explain: `Most elephants are grey `, source: "Source: life experience" }, correctAnswer: "b" } ]; <!-- START OF QUIZ--> <div id="border" class="uk-align-center uk-width-1-2"> <div class="quiz-body"> <h1 class="h1-quiz">Test Your Knowledge</h1> <div class="quiz-container"> <div id="quiz"></div> </div> <div id="results" class="uk-text-center uk-text-large uk-text-bold uk-margin-small-top"></div> </div>¿Cómo se ve tu código HTML?