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();
				 checkInputs();
				 checkAnswer();
				 console.log(hidden);
				 console.log(visible);
				 console.log("i="+i);}

function checkAnswer(userInput){
		 		 console.log("----CHECKING ANSWERS---");
			for (i=0;i<4;i++){
			     console.log("Question:"+i);
             if (input[i].value===answer[i]){
			  	 console.log(userInput)
		         checkAnswer("correct");} }}


function checkInputs(inputValue) {
		 		 console.log("----CHECKING INPUTS----")
			 for (i=0;i<4;i++){
			 if  (input[i].value===""){
				  return "Empty";}
			else return "Complete";}}

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=[];}