<!DOCTYPE html>
<html>
<body>

<h3>Time: <span id="t">10</span></h3>
<p id="m"></p>

<form id="f">

1. 2+2?<br>
<input type="radio" name="q1" value="3">3
<input type="radio" name="q1" value="4">4
<input type="radio" name="q1" value="5">5
<input type="radio" name="q1" value="6">6<br><br>

2. 3+2?<br>
<input type="radio" name="q2" value="4">4
<input type="radio" name="q2" value="5">5
<input type="radio" name="q2" value="6">6
<input type="radio" name="q2" value="7">7<br><br>

3. 5-1?<br>
<input type="radio" name="q3" value="3">3
<input type="radio" name="q3" value="4">4
<input type="radio" name="q3" value="5">5
<input type="radio" name="q3" value="6">6<br><br>

4. 2*3?<br>
<input type="radio" name="q4" value="5">5
<input type="radio" name="q4" value="6">6
<input type="radio" name="q4" value="7">7
<input type="radio" name="q4" value="8">8<br><br>

5. 10/2?<br>
<input type="radio" name="q5" value="4">4
<input type="radio" name="q5" value="5">5
<input type="radio" name="q5" value="6">6
<input type="radio" name="q5" value="7">7<br><br>

</form>

<h3 id="r"></h3>

<script>
let time=10;

let x=setInterval(function(){
  time--;
  t.innerHTML=time;

  if(time==5) m.innerHTML="Only 5 seconds remaining!";

  if(time==0){
    clearInterval(x);
    submit();
  }
},1000);

function submit(){
  let a={q1:"4",q2:"5",q3:"4",q4:"6",q5:"5"};
  let s=0;

  for(let i in a){
    let v=document.querySelector('input[name="'+i+'"]:checked');
    if(v && v.value==a[i]) s++;
  }

  r.innerHTML="Score: "+s;

  document.querySelectorAll("input").forEach(e=>e.disabled=true);
}
</script>

</body>
</html>
