Quick radio button test
by VtoCorleone
HTML
<h2>Quiz</h2>
<div>
<strong>#1: Here is a question:</strong>
</div>
<input type="radio" value="1" name="Q1"> here is answer 1 <br>
<input type="radio" value="2" name="Q1"> here is answer b <br>
<input type="radio" value="3" name="Q1"> 3rd option why not <br>
<input type="radio" value="4" name="Q1"> the last <br>
<button>Submit</button>
JavaScript
'use strict';
var sub = document.getElementsByTagName('button');
var correctAnswer = "3";
sub[0].onclick = function(){
var q1_answers = document.getElementsByName('Q1');
for (var i = 0; i < q1_answers.length; i++) {
if (q1_answers[i].checked) {
alert(q1_answers[i].value === correctAnswer ? 'Good Job' : 'Try Again');
break;
}
}
};