var input=[document.getElementById("input1"),
		   document.getElementById("input2"),
		   document.getElementById("input3"),
		   document.getElementById("input4")];

var cross=[document.getElementById("cross1"),
		   document.getElementById("cross2"),
		   document.getElementById("cross3"),
		   document.getElementById("cross4")];

var check=[document.getElementById("check1"),
           document.getElementById("check2"),
		   document.getElementById("check3"),
		   document.getElementById("check4")];

var visiblePH=[1,2,3,4];
var hiddenPH=[1,2,3,4];


var incomplete=[document.getElementById("incomplete")];

var hidden=[];

var visible=[];

var score=0;

var answer=["4","4","6","5"];
console.log(answer);

function submit(){
		 		 reset();
				 verify();
			for (i=0;i<4;i++){
			     console.log("Question:"+i);
             if (input[i].value===answer[i]){
		          correct();}
		 else if (input[i].value!==""){
		          incorrect();}
			else {console.log("Make sure you answer ALL the questions!")
				  visible.push(visiblePH[i]);
				  hidden.push(hiddenPH[i])}}
				  	   console.log(hidden);
				  	   console.log(visible);}
function verify() {
			 for (i=0;i<4;i++){
			 if  (input[i].value===""){
				  incomplete[0].style.visibility="visible"}}
				  setTimeout(hideInc,3000);}

function hideInc() {incomplete[0].style.visibility="hidden"}

function reset() {
		 		  score=0;
				  console.log("Score reset");
		 	 for (i=0;i<4;i++){
				  cross[i].style.visibility="hidden";
				  check[i].style.visibility="hidden";}
		 		       hidden=[];
				  	   visible=[];}
function correct(){
		          console.log("Correct!")
				  score++;
				  document.getElementById("score").innerHTML="Score: "+score+"/4";
				  visible.push(check[i]);
				  visible[i].style.visibility="visible";
				  hidden.push(cross[i]);
				  hidden[i].style.visibility="hidden";}

function incorrect(){
		 		  console.log("Incorrect!");
				  visible.push(cross[i]);
  				  visible[i].style.visibility="visible";
				  hidden.push(check[i]);
				  hidden[i].style.visibility="hidden";}