Displaying ./jul19/quiz.html

<!DOCTYPE html>
<html>
<head>
 <meta charset='utf-8'>
 <title> Quiz </title>
</head>
<body>
 <table>
  <tr>
   <td colspan=2 id='score'> 0
  <tr>
   <td colspan=2 id='msg'>  Click go to start.
  <tr>
   <td><input type='radio' name='q' id='ca'> <td id='a'>
  <tr>
   <td><input type='radio' name='q' id='cb'> <td id='b'>
  <tr>
   <td colspan=2 id='response'>
 </table>
 <button onclick='go();'> Go </button>
 <script>
 var Q = [
  {msg: "A or B", a: "A", b: "B", ans: "a"},
  {msg: "B or A", a: "B", b: "A", ans: "b"}
 ];
 var qidx = -1;
 var score = 0;

 function wronganswer() {
   get("response").innerHTML = "Incorrect";
 }
 function rightanswer() {
   score++;
   get("score").innerHTML = score;
   get("response").innerHTML = "correct";
 }
 
 function get(x) {
   return document.getElementById(x);
 }
 function go() {
   var msg = get("msg");
   var ca = get("ca"), cb = get("cb");
   var a = get("a"), b = get("b");
   
   if (qidx != -1) {
     if (Q[qidx].ans == "a") {
       if (ca.checked == false) wronganswer();
       else rightanswer();
     } else {
       if (cb.checked == false) wronganswer();
       else rightanswer();
     }
   }
   qidx++;
   msg.innerHTML = Q[qidx].msg;
   a.innerHTML = Q[qidx].a;
   b.innerHTML = Q[qidx].b;
 }
 </script>
</body>
</html>