-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
96 lines (90 loc) · 2.93 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
<html>
<head></head>
<body>
<h1><center> HOUSIE BOARD </center></h1>
<table width="60%">
<tr>
<td>
<div id="board"></div>
</td>
<td align="left">Previous Number</td>
<td align="right"><font size="20"><div id="prenumber"> </div></font></td>
</tr>
</table><br><br>
<table width="60%">
<tr><h1>
<td align="center"><div id="number" style="font-size:80px"></div></td>
</tr></h1>
<tr><td align=center>
<input type="button" style="background-color:Lime" name="next" value="NEXT NUMBER" onClick="generatenum();"></input>
</td></tr>
<tr height="50px"></tr>
<tr><td align=center>
<input type="button" style="background-color:Orange" name="Reset" value="NEW GAME" onClick="clearn();"></input>
</td></tr>
</table>
<script language="javascript">
var array = new Array();
var array2= new Array();
var prenum="";
for(i=1;i<=90;i++){
array2.push(i);
}
if (sessionStorage.length != 0){
for(i=0;i<=90;i++){
if(sessionStorage.getItem(i) != null) {
array.push(i);
var index = array2.indexOf(i);
array2.splice(index, 1);
}
}
document.getElementById('number').innerHTML=sessionStorage.key(0);
document.getElementById('prenumber').innerHTML=sessionStorage.key(1);
prenum=sessionStorage.key(1);
}
function clearn(){
sessionStorage.clear();
array.splice(0,array.length);
array2.splice(0,array2.length);
for(i=1;i<=90;i++){
array2.push(i);
}
recreatetable(0);
document.getElementById('number').innerHTML="";
document.getElementById('prenumber').innerHTML="";
prenum="none";
}
function generatenum(){
var num = array2[Math.floor(Math.random() * array2.length)];
document.getElementById('number').innerHTML=num;
document.getElementById('prenumber').innerHTML=prenum;
recreatetable(num);
prenum=num;
}
function recreatetable(addkey) {
var boardhtml = "<table border='1'>";
if(addkey != '0'){
array.push(addkey);
sessionStorage.setItem(addkey,"done");
var index = array2.indexOf(addkey);
array2.splice(index, 1);
}
for(i=1;i<=90;i++){
if(i==1 || i==31 || i==61){
boardhtml += "<tr>";
}
if(array.indexOf(i) > -1){
boardhtml += "<td bgcolor='red' id='td" + i + "'><font size='6'>" + i + "</font></td>";
} else {
boardhtml += "<td id='td" + i + "'><font size='6'>" + i + "</font></td>";
}
if(i==30 || i==60 || i==90){
boardhtml += "</tr>";
}
}
boardhtml += "</table>";
document.getElementById('board').innerHTML=boardhtml;
}
recreatetable(0);
</script></body>
</html>