-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
67 lines (66 loc) · 3.28 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
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>Bingo Ticket Generator</title>
<link rel="stylesheet" href="styles.css">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Fredoka+One&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Pathway+Gothic+One&display=swap" rel="stylesheet">
</head>
<body>
<header>
<span id="bingo">1-100 BINGO Ticket</span>
<button type="button" name="button" onclick="window.location.reload()" id="button">Get New Ticket</button>
</header>
<table>
<tbody class="row">
<tr id="bing">
<td>B</td>
<td>I</td>
<td>N</td>
<td>G</td>
<td>O</td>
</tr>
<tr>
<td id="td1" onclick="document.getElementById('td1').style.background = 'grey';">*</td>
<td id="td2" onclick="document.getElementById('td2').style.background = 'grey';">*</td>
<td id="td3" onclick="document.getElementById('td3').style.background = 'grey';">*</td>
<td id="td4" onclick="document.getElementById('td4').style.background = 'grey';">*</td>
<td id="td5" onclick="document.getElementById('td5').style.background = 'grey';">*</td>
</tr>
<tr>
<td id="td6" onclick="document.getElementById('td6').style.background = 'grey';">*</td>
<td id="td7" onclick="document.getElementById('td7').style.background = 'grey';">*</td>
<td id="td8" onclick="document.getElementById('td8').style.background = 'grey';">*</td>
<td id="td9" onclick="document.getElementById('td9').style.background = 'grey';">*</td>
<td id="td10" onclick="document.getElementById('td10').style.background = 'grey';">*</td>
</tr>
<tr>
<td id="td11" onclick="document.getElementById('td11').style.background = 'grey';">*</td>
<td id="td12" onclick="document.getElementById('td12').style.background = 'grey';">*</td>
<td id="td13">✪</td>
<td id="td14" onclick="document.getElementById('td14').style.background = 'grey';">*</td>
<td id="td15" onclick="document.getElementById('td15').style.background = 'grey';">*</td>
</tr>
<tr>
<td id="td16" onclick="document.getElementById('td16').style.background = 'grey';">*</td>
<td id="td17" onclick="document.getElementById('td17').style.background = 'grey';">*</td>
<td id="td18" onclick="document.getElementById('td18').style.background = 'grey';">*</td>
<td id="td19" onclick="document.getElementById('td19').style.background = 'grey';">*</td>
<td id="td20" onclick="document.getElementById('td20').style.background = 'grey';">*</td>
</tr>
<tr>
<td id="td21" onclick="document.getElementById('td21').style.background = 'grey';">*</td>
<td id="td22" onclick="document.getElementById('td22').style.background = 'grey';">*</td>
<td id="td23" onclick="document.getElementById('td23').style.background = 'grey';">*</td>
<td id="td24" onclick="document.getElementById('td24').style.background = 'grey';">*</td>
<td id="td25" onclick="document.getElementById('td25').style.background = 'grey';">*</td>
</tr>
</table>
</tbody>
</div>
<span id="clik"><marquee>Click on the numbers to cancel / mark.</marquee></span>
<script src="index.js" charset="utf-8"></script>
</body>
</html>