<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
function init(){
table=document.getElementById("table1");
var n=5;
for(var i=0;i<n;i++){
var tr=document.createElement("tr");
for(var j=0;j<n;j++){
var td=document.createElement("td");
td.setAttribute("id","td"+(i*n+j+1));
td.addEventListener("click", function(){
check(this);
});
td.style.background="";
td.innerHTML=""+(i*n+j+1);
tr.appendChild(td);
}
table.appendChild(tr);
}
}
window.οnlοad=init;
function check(td){
//alert(td.innerHTML);
var c=td.innerHTML;
var scoreT=document.getElementById("score").innerHTML;
var score=parseInt(scoreT);
if(td.style.background=="red"){
document.getElementById("score").innerHTML=score+1;
td.style.background="";
}
//alert(score+parseInt(c)+Math.floor(Math.random()*9));
;
}
var curTd=null;
setInterval(function(){
if(curTd!=null)
curTd.style.background="";
var num=Math.floor(Math.random()*9)+1;
var idNum="td"+num;
//alert(idNum);
document.getElementById(idNum).style.background="red";
curTd=document.getElementById(idNum);
}, 1000);
/* function calc(td){
} */
</script>
</head>
<body>
<div id="score">0</div>
<table style="width: 50%;height: 300px;" border="1" id="table1">
<!-- <tr >
<td id="td1" οnclick="check(this)">1</td><td id="td2" οnclick="check(this)">2</td><td id="td3" οnclick="check(this)">3</td>
</tr>
<tr>
<td id="td4" οnclick="check(this)">4</td><td id="td5" οnclick="check(this)">5</td><td id="td6" οnclick="check(this)">6</td>
</tr>
<tr>
<td id="td7" οnclick="check(this)">7</td><td id="td8" οnclick="check(this)">8</td><td id="td9" οnclick="check(this)">9</td>
</tr> -->
</table>
</body>
</html>