<!---Answers--->
var answer1="4";
var answer2="4";
var answer3="6";
var answer4="5";

<!---Score Variable--->
var score=0;

<!---show X--->
function showWrong1(){
var wrong1=document.getElementById("wrong1");
wrong1.style.visibility="visible";}
function showWrong2(){
var wrong2=document.getElementById("wrong2");
wrong2.style.visibility="visible";}
function showWrong3(){
var wrong3=document.getElementById("wrong3");
wrong3.style.visibility="visible";}
function showWrong4(){
var wrong4=document.getElementById("wrong4");
wrong4.style.visibility="visible";}

<!---Hide X--->
function hideWrong1(){
var wrong1=document.getElementById("wrong1");
wrong1.style.visibility="hidden";}
function hideWrong2(){
var wrong2=document.getElementById("wrong2");
wrong2.style.visibility="hidden";}
function hideWrong3(){
var wrong3=document.getElementById("wrong3");
wrong3.style.visibility="hidden";}
function hideWrong4(){
var wrong4=document.getElementById("wrong4");
wrong4.style.visibility="hidden";}

<!---Show Checkmark--->
function showCheck1(){
var check1=document.getElementById("check1");
check1.style.visibility="visible";}
function showCheck2(){
var check2=document.getElementById("check2");
check2.style.visibility="visible";}
function showCheck3(){
var check3=document.getElementById("check3");
check3.style.visibility="visible";}
function showCheck4(){
var check4=document.getElementById("check4");
check4.style.visibility="visible";}

<!---Hide Checkmark--->
function hideCheck1(){
var check1=document.getElementById("check1");
check1.style.visibility="hidden";}
function hideCheck2(){
var check2=document.getElementById("check2");
check2.style.visibility="hidden";}
function hideCheck3(){
var check3=document.getElementById("check3");
check3.style.visibility="hidden";}
function hideCheck4(){
var check4=document.getElementById("check4");
check4.style.visibility="hidden";}

<!---Hide All--->
function hideAll(){
hideCheck1();
hideCheck2();
hideCheck3();
hideCheck4();
hideWrong1();
hideWrong2();
hideWrong3();
hideWrong4();}


<!---Incomplete Function--->
function incomplete(){
var incomplete=document.getElementById("incomplete");
incomplete.style.visibility="visible";
setTimeout(hideIncomplete,3000);}

function hideIncomplete(){
var incomplete=document.getElementById("incomplete");
incomplete.style.visibility="hidden";}

<!---Audio--->
 var check1 = new Audio('Media/CheckmarkSFX.mp3');
 var check2 = new Audio('Media/CheckmarkSFX.mp3');
 var check3 = new Audio('Media/CheckmarkSFX.mp3');
 var check4 = new Audio('Media/CheckmarkSFX.mp3');
 var RedCross1 = new Audio('Media/RedCrossSFX.mp3');
 var RedCross2 = new Audio('Media/RedCrossSFX.mp3');
 var RedCross3 = new Audio('Media/RedCrossSFX.mp3');
 var RedCross4 = new Audio('Media/RedCrossSFX.mp3');

 <!---Form Complete Verification--->



<!---Submit button Script (Compare input Answers to correct Answer and display appropriate image)--->
function submit(){
  score=0;
  hideAll();
  question1();}

function question1(){
  var input1=document.getElementById("input1").value;
  var mark1=input1===answer1;
  if(mark1){
  check1.play();
  score++;
  showCheck1()
  hideWrong1()}else{
  RedCross1.play();
  hideCheck1()
  showWrong1()}
  document.getElementById("score").innerHTML="Score: "+score+"/4";
  setTimeout(question2,1000);}

<!---Question 2--->
function question2(){
  var input2=document.getElementById("input2").value;
  var mark2=input2===answer2;
  if(mark2){
  check2.play();
  score++;
  showCheck2()
  hideWrong2()}else{
  RedCross2.play();
  hideCheck2()
  showWrong2()}
  document.getElementById("score").innerHTML="Score: "+score+"/4";
  setTimeout(question3,1000);}

<!---Question 3--->
function question3(){
  var input3=document.getElementById("input3").value;
  var mark3=input3===answer3;
  if(mark3){
  check3.play();
  score++;
  showCheck3()
  hideWrong3()}else{
  RedCross3.play();
  hideCheck3()
  showWrong3()}
  document.getElementById("score").innerHTML="Score: "+score+"/4";
  setTimeout(question4,1000);}

<!---Question 4--->
function question4(){
  var input4=document.getElementById("input4").value;
  var mark4=input4===answer4;
  if(mark4){
  check4.play();
  score++;
  showCheck4()
  hideWrong4()}else{
  RedCross4.play();
  hideCheck4()
  showWrong4()}
  document.getElementById("score").innerHTML="Score: "+score+"/4";
  }}