<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<form>
<div>
<label>QUESTION</label>
</br>
<input type="text" name="question" id="ques" placeholder="0" disabled=true><br>
</div>
<div>
<label>ANSWER</label>
</br>
<input type="text" id="ans" name="answer" disabled=true><br>
</div>
<div>
<input type="button" value="start" onclick="start()">
</t>
<input type="button" value="OK" onclick="ok()">
</div>
<div id="show_error"></div>
</form>
</body>
</html>
<script type="text/javascript">
var a = new Array("tin","prtsci","sacll","toejcb","gtrsni","loeonba","rach","oulbde","vaaj","aftol");
var b = new Array("int","script","class","object","string","boolean","char","double","java","float");
var count ;
var l = a.length;
var score = 0;
var arr = new Array(); //random array generate
function generate_array()
{
var i =0;
while(i < 10)
{
var num =Math.round( Math.random()*10);
var c = 0;
console.log(num);
for(var j =0 ; j <arr.length; j++)
{
if(arr[j] == num)
{
c++;
break;
}
}
if(c==0)
{
arr[i] = num;
i++;
}
}
//alert(arr);
}
// function update()
// {
// count++;
// console.log(count);
// }
function start()
{
count =0;
generate_array();
console.log(count);
var x = document.getElementById("ques");
var index = arr[0];
var y =a[index];
console.log("iiiiiiiiiiiiiiiiiiiiii"+index);
x.value = y;
var ga = document.getElementById("ans");
ga.disabled = false;
ga.value = "";
var se = document.getElementById("show_error");
se.innerHTML = "";
}
function ok()
{
var qn;
var index = arr[count];
var ga = document.getElementById("ans");
console.log(a);
var ca = b[index];
var x = document.getElementById("ques");
if((ga.value) == ca )
{
score++;
}
else
{
alert("wrong answer");
}
count++;
ga.value = "";
if(count == 9)
{
alert("game over" + score);
x.disabled = true;
x.value = "";
ga.disabled= true;
}
else
{
qn = a[arr[count]];
x.value = qn;
}
}
</script>