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...