Untitled
unknown
plain_text
4 years ago
7.0 kB
5
Indexable
-----html-----
<html>
<head>
<title>L e a r n</title>
<script src="jss.js"></script>
<link rel="stylesheet" href="style.css">
</head>
<body >
<table>
<tr>
<td onclick="checkBoom(0, 0, event)">
<div class="boom"></div>
<div class="number"></div>
</td>
<td onclick="checkBoom(0, 1, event)">
<div class="boom" ></div>
<div class="number" ></div>
</td>
<td onclick="checkBoom(0, 2, event)">
<div class="boom" ></div>
<div class="number"></div>
</td>
<td onclick="checkBoom(0, 3, event)">
<div class="boom" ></div>
<div class="number"></div>
</td>
<td onclick="checkBoom(0, 4, event)">
<div class="boom" ></div>
<div class="number"></div>
</td>
<td onclick="checkBoom(0,5, event)">
<div class="boom" ></div>
<div class="number"></div>
</td>
</tr>
<tr>
<td onclick="checkBoom(1,0, event)">
<div class="boom" ></div>
<div class="number"></div>
</td>
<td onclick="checkBoom(1,1, event)">
<div class="boom" ></div>
<div class="number"></div>
</td>
<td onclick="checkBoom(1,2, event)">
<div class="boom" ></div>
<div class="number"></div>
</td>
<td onclick="checkBoom(1,3, event)">
<div class="boom" ></div>
<div class="number"></div>
</td>
<td onclick="checkBoom(1,4, event)">
<div class="boom" ></div>
<div class="number"></div>
</td>
<td onclick="checkBoom(1,5, event)">
<div class="boom" ></div>
<div class="number"></div>
</td>
</tr>
<tr>
<td onclick="checkBoom(2,0, event)" >
<div class="boom" ></div>
<div class="number"></div>
</td>
<td onclick="checkBoom(2,1, event)">
<div class="boom" ></div>
<div class="number"></div>
</td>
<td onclick="checkBoom(2,2, event)">
<div class="boom" ></div>
<div class="number"></div>
</td>
<td onclick="checkBoom(2,3, event)">
<div class="boom" ></div>
<div class="number"></div>
</td>
<td onclick="checkBoom(2,4, event)">
<div class="boom" ></div>
<div class="number"></div>
</td>
<td onclick="checkBoom(2,5, event)">
<div class="boom" ></div>
<div class="number"></div>
</td>
</tr>
<tr>
<td onclick="checkBoom(3,0, event)">
<div class="boom" ></div>
<div class="number"></div>
</td>
<td onclick="checkBoom(3,1, event)">
<div class="boom" ></div>
<div class="number"></div>
</td>
<td onclick="checkBoom(3,2, event)">
<div class="boom" ></div>
<div class="number"></div>
</td>
<td onclick="checkBoom(3,3, event)">
<div class="boom" ></div>
<div class="number"></div>
</td>
<td onclick="checkBoom(3,4, event)">
<div class="boom" ></div>
<div class="number"></div>
</td>
<td onclick="checkBoom(3,5, event)">
<div class="boom" ></div>
<div class="number"></div>
</td>
</tr>
<tr>
<td onclick="checkBoom(4,0, event)">
<div class="boom" ></div>
<div class="number"></div>
</td>
<td onclick="checkBoom(4,1, event)">
<div class="boom" ></div>
<div class="number"></div>
</td>
<td onclick="checkBoom(4,2, event)">
<div class="boom" ></div>
<div class="number"></div>
</td>
<td onclick="checkBoom(4,3, event)">
<div class="boom" ></div>
<div class="number"></div>
</td>
<td onclick="checkBoom(4,4, event)">
<div class="boom" ></div>
<div class="number"></div>
</td>
<td onclick="checkBoom(4,5, event)">
<div class="boom" ></div>
<div class="number"></div>
</td>
</tr>
<tr>
<td onclick="checkBoom(5,0, event)">
<div class="boom" ></div>
<div class="number"></div>
</td>
<td onclick="checkBoom(5,1, event)">
<div class="boom" ></div>
<div class="number"></div>
</td>
<td onclick="checkBoom(5,2, event)">
<div class="boom" ></div>
<div class="number"></div>
</td>
<td onclick="checkBoom(5,3, event)">
<div class="boom" ></div>
<div class="number"></div>
</td>
<td onclick="checkBoom(5,4, event)">
<div class="boom" ></div>
<div class="number"></div>
</td>
<td onclick="checkBoom(5,5, event)">
<div class="boom" ></div>
<div class="number"></div>
</td>
</tr>
</table>
</body>
</html>
-----css------
body{
font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
}
table {
/* height: 40px;
width: 50px; */
text-align: center;
font-size: 28px;
}
table td {
height: 40px;
width: 40px;
color: rgb(231, 78, 78);
border-radius: 2px;
background-color: rgb(135, 194, 233);
}
.boom {
height: 50%;
width: 50%;
border-radius: 50%;
background-color: rgb(204, 0, 0);
margin:auto;
display: none;
}
Editor is loading...