Untitled

mail@pastecode.io avatar
unknown
plain_text
3 years ago
7.0 kB
2
Indexable
Never
-----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;
}