Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <title>ExpoCIC</title>
- <style type="text/css">
- #tabela{
- border-collapse: collapse;
- margin: auto;
- background-color: crimson;
- cursor:crosshair;
- }
- #tabela2{
- border-collapse: collapse;
- margin: auto;
- background-color: brown;
- color: white;
- }
- #fundo{
- background-image: url(https://cdn.hipwallpaper.com/i/91/70/bUpl9r.jpg);
- }
- #titulo{
- color: #ff4d4d;
- font-family: sans-serif;
- font-size: 50px;
- text-align: center;
- margin: auto;
- text-shadow: 2px 2px white;
- }
- button:hover{
- background-color:aqua;
- color:#000;
- cursor: pointer;
- }
- button{
- font-size:16px;
- background-color:#00cccc;
- color: white;
- border-radius:20px;
- border:1px solid white;
- padding-left:30px;
- padding-right:30px;
- padding-bottom:10px;
- padding-top:10px;
- margin:auto;
- }
- p{
- text-align:center;
- }
- tr, td{
- margin:auto;
- border:2px solid black;
- width:100px;
- height:70px;
- font-size:24px;
- text-align:center;
- vertical-align:middle;
- }
- .td:hover{
- background-color:white;
- color:#000;
- }
- .escolha{
- background-color: #8cff66;
- box-shadow: 1px 1px 1px 1px red inset;
- }
- #tabela3{
- border-collapse: collapse;
- background-color: brown;
- margin: auto;
- color: white;
- }
- </style>
- </head>
- <body id="fundo">
- <h1 id="titulo"><strong>Jogo da Bomba</strong></h1>
- <br><br>
- <table id="tabela">
- <tr>
- <td class="td" id="t0" onClick="rt(0)"> </td>
- <td class="td" id="t1" onClick="rt(1)"> </td>
- <td class="td" id="t2" onClick="rt(2)"> </td>
- <td class="td" id="t3" onClick="rt(3)"> </td>
- </tr>
- <tr>
- <td class="td" id="t4" onClick="rt(4)"> </td>
- <td class="td" id="t5" onClick="rt(5)"> </td>
- <td class="td" id="t6" onClick="rt(6)"> </td>
- <td class="td" id="t7" onClick="rt(7)"> </td>
- </tr>
- <tr>
- <td class="td" id="t8" onClick="rt(8)"> </td>
- <td class="td" id="t9" onClick="rt(9)"> </td>
- <td class="td" id="t10" onClick="rt(10)"> </td>
- <td class="td" id="t11" onClick="rt(11)"> </td>
- </tr>
- <tr>
- <td class="td" id="t12" onClick="rt(12)"> </td>
- <td class="td" id="t13" onClick="rt(13)"> </td>
- <td class="td" id="t14" onClick="rt(14)"> </td>
- <td class="td" id="t15" onClick="rt(15)"> </td>
- </tr>
- <tr>
- <td class="td" id="t16" onClick="rt(16)"> </td>
- <td class="td" id="t17" onClick="rt(17)"> </td>
- <td class="td" id="t18" onClick="rt(18)"> </td>
- <td class="td" id="t19" onClick="rt(19)"> </td>
- </tr>
- </table>
- <br>
- <p><button id="butao" onClick="clica()">Jogar!</button></p>
- <p style="visibility: hidden;"><button id="butao">Começar Novo Jogo!</button></p>
- <table id="tabela2">
- <tr>
- <td>❤</td>
- <td>💣</td>
- </tr>
- <tr>
- <td id="w1">3</td>
- <td id="w2">0</td>
- </tr>
- </table>
- <table id="tabela3">
- <tr>
- <td>Vitórias</td>
- <td>Derrotas</td>
- </tr>
- <tr>
- <td id="o1">0</td>
- <td id="o2">0</td>
- </tr>
- </table>
- <script src="jsexpocic.js"></script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement