SHARE
TWEET

Jogo do galo com cronometro

jpvieiraa Jan 6th, 2019 64 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <title>Jogo do galo</title>
  5.     <style type="text/css">
  6.         #reset{
  7.             background-color: lightblue;
  8.             border-radius: 10px;
  9.             height: 40px;
  10.             width: 80px;
  11.             font-size: 20px;
  12.             border-color: black;
  13.         }
  14.         #jg1,#jg2,#emp{
  15.             border-color: black;
  16.             background-color: lightblue;
  17.             border-radius: 10px;
  18.             height: 50px;
  19.             font-size: 30px;
  20.             text-align: center;
  21.         }
  22.         html{
  23.            
  24.             text-align: center;
  25.             color: white;
  26.             font-family: verdana;
  27.             font-size: 30px;
  28.             background-image: url("img.jpg");
  29.         }
  30.         table{
  31.             border-collapse: collapse;
  32.             margin: auto;
  33.  
  34.         }
  35.         td,tr{
  36.             font-size: 50px;
  37.             color: black;
  38.             margin: auto;
  39.             width: 100px;
  40.             height: 100px;
  41.             border:10px solid black;
  42.             background-color:lightblue;
  43.         }
  44.        
  45.     </style>
  46. </head>
  47. <body onload="myFunction()">
  48.     <h3>JOGO DO GALO(2 JOGADORES)</h3>
  49.     <table>
  50.         <tr>
  51.             <td id="a1" onclick="marca('a1');">&nbsp;</td>
  52.             <td id="a2" onclick="marca('a2');">&nbsp;</td>
  53.             <td id="a3" onclick="marca('a3');">&nbsp;</td>
  54.         </tr>
  55.         <tr>
  56.             <td id="a4" onclick="marca('a4');">&nbsp;</td>
  57.             <td id="a5" onclick="marca('a5');">&nbsp;</td>
  58.             <td id="a6" onclick="marca('a6');">&nbsp;</td>
  59.         </tr>
  60.         <tr>
  61.             <td id="a7" onclick="marca('a7');">&nbsp;</td>
  62.             <td id="a8" onclick="marca('a8');">&nbsp;</td>
  63.             <td id="a9" onclick="marca('a9');">&nbsp;</td>
  64.         </tr>
  65.     </table>
  66.     <br>
  67.     <table id="b">
  68.         <tr>
  69.             <td id="h">00</td>
  70.             <td id="m">00</td>
  71.             <td id="s">00</td>
  72.             <td id="c">00</td>
  73.         </tr>
  74.  
  75. </table>
  76.     <p><input type="button" name="reset" value="Reset" id="reset" onclick="limpa()"></p>
  77.     <p>Jogador 1(X)<input type="text" name="jg1" id="jg1" value="0"></p>
  78.     <p>Jogador 2(O)<input type="text" name="jg2" id="jg2" value="0"></p>
  79.     <p>Empate <input type="text" name="emp" id="emp" value="0"></p>
  80.  
  81.     <script type="text/javascript">
  82.         var c=0;
  83.         var s=0;
  84.         var m=0;
  85.         var h=0;
  86.         var j=0;
  87.         var i,b,cc;
  88.         var win=0;
  89.         var jogada=0;
  90.         function marca(x){
  91.             if(document.getElementById(x).innerHTML=='&nbsp;'){
  92.                 if(j==0){
  93.                     document.getElementById(x).innerHTML='X';
  94.                     j=1;
  95.                 }
  96.                 else{
  97.                     document.getElementById(x).innerHTML='O';
  98.                     j=0;
  99.                 }
  100.                 jogada++;
  101.                 verifica();
  102.             }
  103.         }
  104.         function verifica(){
  105.             for(i=1,b=4,cc=7;i<=3;i++,b++,cc++){
  106.                 if (document.getElementById('a' + i).innerHTML==document.getElementById('a' + b).innerHTML && document.getElementById('a' + i).innerHTML== document.getElementById('a' + cc).innerHTML && document.getElementById('a' + i).innerHTML!='&nbsp;') {
  107.                     alert('Jogador ' + document.getElementById('a' + i).innerHTML + ' venceu com:' + document.getElementById('h').innerHTML + ' horas, ' + document.getElementById('m').innerHTML + ' minutos, ' + document.getElementById('s').innerHTML + ' segundos');
  108.                     if(document.getElementById('a'+i).innerHTML=='X'){
  109.                         document.getElementById('jg1').value=parseInt(document.getElementById('jg1').value) + 1;
  110.                         limpa();
  111.  
  112.                     }
  113.                     else
  114.                        
  115.                         document.getElementById('jg2').value=parseInt(document.getElementById('jg2').value) + 1;
  116.                         limpa();
  117.                     break;
  118.                     win=1;
  119.                 }
  120.             }
  121.             for(i=1,b=2,cc=3;i<=7;i=i+3,b=b+3,cc=cc+3){
  122.                 if (document.getElementById('a' + i).innerHTML==document.getElementById('a' + b).innerHTML && document.getElementById('a' + i).innerHTML== document.getElementById('a' + cc).innerHTML && document.getElementById('a' + i).innerHTML!='&nbsp;') {
  123.                     alert('Jogador ' + document.getElementById('a' + i).innerHTML + ' venceu com:' + document.getElementById('h').innerHTML + ' horas,' + document.getElementById('m').innerHTML + ' minutos,' + document.getElementById('s').innerHTML + ' segundos');
  124.                     if(document.getElementById('a'+i).innerHTML=='X'){
  125.                         document.getElementById('jg1').value=parseInt(document.getElementById('jg1').value) + 1;
  126.                         limpa();
  127.                     }
  128.                     else
  129.                        
  130.                         document.getElementById('jg2').value=parseInt(document.getElementById('jg2').value) + 1;
  131.                         limpa();
  132.                     break;
  133.                     win=1;
  134.                 }
  135.             }
  136.             if(document.getElementById('a1').innerHTML== document.getElementById('a5').innerHTML && document.getElementById('a1').innerHTML==document.getElementById('a9').innerHTML && document.getElementById('a1').innerHTML!='&nbsp;'){
  137.                 alert('Jogador ' + document.getElementById('a1').innerHTML + ' venceu com:' + document.getElementById('h').innerHTML + ' horas,' + document.getElementById('m').innerHTML + ' minutos,' + document.getElementById('s').innerHTML + ' segundos');
  138.                 if(document.getElementById('a1').innerHTML=='X' || document.getElementById('a5').innerHTML=='X' || document.getElementById('a9').innerHTML=='X' ){
  139.                    
  140.                     document.getElementById('jg1').value=parseInt(document.getElementById('jg1').value) + 1;
  141.                     limpa();
  142.                     }
  143.                 else
  144.                    
  145.                     document.getElementById('jg2').value=parseInt(document.getElementById('jg2').value) + 1;
  146.                     limpa();
  147.                 win=1;
  148.             }
  149.             if(document.getElementById('a3').innerHTML== document.getElementById('a5').innerHTML && document.getElementById('a3').innerHTML==document.getElementById('a7').innerHTML && document.getElementById('a3').innerHTML!='&nbsp;'){
  150.                 alert('Jogador ' + document.getElementById('a3').innerHTML + ' venceu com: ' + document.getElementById('h').innerHTML + ' horas, ' + document.getElementById('m').innerHTML + ' minutos, ' + document.getElementById('s').innerHTML + ' segundos');
  151.                 if(document.getElementById('a3').innerHTML=='X' || document.getElementById('a5').innerHTML=='X' || document.getElementById('a7').innerHTML=='X' ){
  152.                         document.getElementById('jg1').value=parseInt(document.getElementById('jg1').value) + 1;
  153.                         limpa();
  154.                     }
  155.                 else
  156.                     document.getElementById('jg2').value=parseInt(document.getElementById('jg2').value) + 1;
  157.                     limpa();
  158.                 win=1;
  159.             }
  160.             if (win==0 && jogada==9) {
  161.                 alert('Empate' + ' com: ' + document.getElementById('h').innerHTML + ' horas, ' + document.getElementById('m').innerHTML + ' minutos, ' + document.getElementById('s').innerHTML + ' segundos');
  162.                 document.getElementById('emp').value=parseInt(document.getElementById('emp').value) + 1;
  163.                 limpa();
  164.                
  165.  
  166.             }
  167.         }
  168.         function myFunction() {
  169.             mytime=setInterval(contagem, 10);
  170.             contagem();
  171.  
  172.         }
  173.         function limpa(){
  174.             for(i=1;i<=9;i++){
  175.                 document.getElementById('a' + i).innerHTML='&nbsp;';
  176.             }
  177.             jogada=0;
  178.             win=0;
  179.             j=0;
  180.             h=00;
  181.             m=00;
  182.             s=00;
  183.             c=00;
  184.             document.getElementById('h').innerHTML='0'+h;
  185.             document.getElementById('m').innerHTML='0'+m;
  186.             document.getElementById('s').innerHTML='0'+s;
  187.             document.getElementById('c').innerHTML='0'+c;
  188.             clearInterval(mytime);
  189.             myFunction();
  190.         }
  191.         function contagem(){
  192.             c++;
  193.             if(c==100){
  194.                 c=0;
  195.                 s++;
  196.             }
  197.             if(s==60){
  198.                 s=0;
  199.                 m++;
  200.             }
  201.             if (m==60) {
  202.                 m=0;
  203.                 h++;
  204.             }
  205.             if (h==24) {
  206.                 h=0;
  207.             }
  208.  
  209.  
  210.             if(c<10){
  211.                 document.getElementById('c').innerHTML='0'+c;
  212.             }
  213.             else {
  214.                 document.getElementById('c').innerHTML=c;
  215.             }
  216.  
  217.             if(s<10){
  218.                 document.getElementById('s').innerHTML= '0' +s;
  219.             }
  220.             else
  221.                 document.getElementById('s').innerHTML=s;
  222.             if (m<10) {
  223.                 document.getElementById('m').innerHTML='0'+m;
  224.             }
  225.             else {
  226.                 document.getElementById('m').innerHTML=m;
  227.             }
  228.             if (h<10) {
  229.                 document.getElementById('h').innerHTML='0'+h;
  230.             }
  231.             else{
  232.                 document.getElementById('h').innerHTML=h;
  233.             }
  234.  
  235.         }
  236.        
  237.        
  238.     </script>
  239. </body>
  240. </html>
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top