Question: redo this without using queryselector function checkAnswer ( questionIndex ) { var selectedAnswer = null; var radioButtons = document.getElementsByName ( ' answer - ' +

redo this without using queryselector
function checkAnswer(questionIndex){
var selectedAnswer = null;
var radioButtons = document.getElementsByName('answer-'+ questionIndex);
for (var i =0; i < radioButtons.length; i++){
if (radioButtons[i].checked){
selectedAnswer = radioButtons[i];
break;
}
}
if (!selectedAnswer){
window.alert('Please select an answer.');
return;
}
var correctAnswer = document.getElementById('correct-answer-'+ questionIndex).value;
if (selectedAnswer.value === correctAnswer){
selectedAnswer.parentElement.classList.add('highlight-correct');
correctAnswerCount++; // Increment correct answers count
} else {
selectedAnswer.parentElement.classList.add('highlight-incorrect');
var correctAnswerInput = document.querySelector('input[value="'+ correctAnswer +'"]');
if (correctAnswerInput){
correctAnswerInput.parentElement.classList.add('highlight-correct');
}
}

Step by Step Solution

There are 3 Steps involved in it

1 Expert Approved Answer
Step: 1 Unlock blur-text-image
Question Has Been Solved by an Expert!

Get step-by-step solutions from verified subject matter experts

Step: 2 Unlock
Step: 3 Unlock

Students Have Also Explored These Related Databases Questions!