Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <title>Jogo do galo</title>
- <style type="text/css">
- #reset{
- background-color: lightblue;
- border-radius: 10px;
- height: 40px;
- width: 80px;
- font-size: 20px;
- border-color: black;
- }
- #jg1,#jg2,#emp{
- border-color: black;
- background-color: lightblue;
- border-radius: 10px;
- height: 50px;
- font-size: 30px;
- text-align: center;
- }
- html{
- text-align: center;
- color: white;
- font-family: verdana;
- font-size: 30px;
- background-image: url("img.jpg");
- }
- table{
- border-collapse: collapse;
- margin: auto;
- }
- td,tr{
- font-size: 50px;
- color: black;
- margin: auto;
- width: 100px;
- height: 100px;
- border:10px solid black;
- background-color:lightblue;
- }
- </style>
- </head>
- <body onload="myFunction()">
- <h3>JOGO DO GALO(2 JOGADORES)</h3>
- <table>
- <tr>
- <td id="a1" onclick="marca('a1');"> </td>
- <td id="a2" onclick="marca('a2');"> </td>
- <td id="a3" onclick="marca('a3');"> </td>
- </tr>
- <tr>
- <td id="a4" onclick="marca('a4');"> </td>
- <td id="a5" onclick="marca('a5');"> </td>
- <td id="a6" onclick="marca('a6');"> </td>
- </tr>
- <tr>
- <td id="a7" onclick="marca('a7');"> </td>
- <td id="a8" onclick="marca('a8');"> </td>
- <td id="a9" onclick="marca('a9');"> </td>
- </tr>
- </table>
- <br>
- <table id="b">
- <tr>
- <td id="h">00</td>
- <td id="m">00</td>
- <td id="s">00</td>
- <td id="c">00</td>
- </tr>
- </table>
- <p><input type="button" name="reset" value="Reset" id="reset" onclick="limpa()"></p>
- <p>Jogador 1(X)<input type="text" name="jg1" id="jg1" value="0"></p>
- <p>Jogador 2(O)<input type="text" name="jg2" id="jg2" value="0"></p>
- <p>Empate <input type="text" name="emp" id="emp" value="0"></p>
- <script type="text/javascript">
- var c=0;
- var s=0;
- var m=0;
- var h=0;
- var j=0;
- var i,b,cc;
- var win=0;
- var jogada=0;
- function marca(x){
- if(document.getElementById(x).innerHTML==' '){
- if(j==0){
- document.getElementById(x).innerHTML='X';
- j=1;
- }
- else{
- document.getElementById(x).innerHTML='O';
- j=0;
- }
- jogada++;
- verifica();
- }
- }
- function verifica(){
- for(i=1,b=4,cc=7;i<=3;i++,b++,cc++){
- 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!=' ') {
- alert('Jogador ' + document.getElementById('a' + i).innerHTML + ' venceu com:' + document.getElementById('h').innerHTML + ' horas, ' + document.getElementById('m').innerHTML + ' minutos, ' + document.getElementById('s').innerHTML + ' segundos');
- if(document.getElementById('a'+i).innerHTML=='X'){
- document.getElementById('jg1').value=parseInt(document.getElementById('jg1').value) + 1;
- limpa();
- }
- else
- document.getElementById('jg2').value=parseInt(document.getElementById('jg2').value) + 1;
- limpa();
- break;
- win=1;
- }
- }
- for(i=1,b=2,cc=3;i<=7;i=i+3,b=b+3,cc=cc+3){
- 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!=' ') {
- alert('Jogador ' + document.getElementById('a' + i).innerHTML + ' venceu com:' + document.getElementById('h').innerHTML + ' horas,' + document.getElementById('m').innerHTML + ' minutos,' + document.getElementById('s').innerHTML + ' segundos');
- if(document.getElementById('a'+i).innerHTML=='X'){
- document.getElementById('jg1').value=parseInt(document.getElementById('jg1').value) + 1;
- limpa();
- }
- else
- document.getElementById('jg2').value=parseInt(document.getElementById('jg2').value) + 1;
- limpa();
- break;
- win=1;
- }
- }
- if(document.getElementById('a1').innerHTML== document.getElementById('a5').innerHTML && document.getElementById('a1').innerHTML==document.getElementById('a9').innerHTML && document.getElementById('a1').innerHTML!=' '){
- alert('Jogador ' + document.getElementById('a1').innerHTML + ' venceu com:' + document.getElementById('h').innerHTML + ' horas,' + document.getElementById('m').innerHTML + ' minutos,' + document.getElementById('s').innerHTML + ' segundos');
- if(document.getElementById('a1').innerHTML=='X' || document.getElementById('a5').innerHTML=='X' || document.getElementById('a9').innerHTML=='X' ){
- document.getElementById('jg1').value=parseInt(document.getElementById('jg1').value) + 1;
- limpa();
- }
- else
- document.getElementById('jg2').value=parseInt(document.getElementById('jg2').value) + 1;
- limpa();
- win=1;
- }
- if(document.getElementById('a3').innerHTML== document.getElementById('a5').innerHTML && document.getElementById('a3').innerHTML==document.getElementById('a7').innerHTML && document.getElementById('a3').innerHTML!=' '){
- alert('Jogador ' + document.getElementById('a3').innerHTML + ' venceu com: ' + document.getElementById('h').innerHTML + ' horas, ' + document.getElementById('m').innerHTML + ' minutos, ' + document.getElementById('s').innerHTML + ' segundos');
- if(document.getElementById('a3').innerHTML=='X' || document.getElementById('a5').innerHTML=='X' || document.getElementById('a7').innerHTML=='X' ){
- document.getElementById('jg1').value=parseInt(document.getElementById('jg1').value) + 1;
- limpa();
- }
- else
- document.getElementById('jg2').value=parseInt(document.getElementById('jg2').value) + 1;
- limpa();
- win=1;
- }
- if (win==0 && jogada==9) {
- alert('Empate' + ' com: ' + document.getElementById('h').innerHTML + ' horas, ' + document.getElementById('m').innerHTML + ' minutos, ' + document.getElementById('s').innerHTML + ' segundos');
- document.getElementById('emp').value=parseInt(document.getElementById('emp').value) + 1;
- limpa();
- }
- }
- function myFunction() {
- mytime=setInterval(contagem, 10);
- contagem();
- }
- function limpa(){
- for(i=1;i<=9;i++){
- document.getElementById('a' + i).innerHTML=' ';
- }
- jogada=0;
- win=0;
- j=0;
- h=00;
- m=00;
- s=00;
- c=00;
- document.getElementById('h').innerHTML='0'+h;
- document.getElementById('m').innerHTML='0'+m;
- document.getElementById('s').innerHTML='0'+s;
- document.getElementById('c').innerHTML='0'+c;
- clearInterval(mytime);
- myFunction();
- }
- function contagem(){
- c++;
- if(c==100){
- c=0;
- s++;
- }
- if(s==60){
- s=0;
- m++;
- }
- if (m==60) {
- m=0;
- h++;
- }
- if (h==24) {
- h=0;
- }
- if(c<10){
- document.getElementById('c').innerHTML='0'+c;
- }
- else {
- document.getElementById('c').innerHTML=c;
- }
- if(s<10){
- document.getElementById('s').innerHTML= '0' +s;
- }
- else
- document.getElementById('s').innerHTML=s;
- if (m<10) {
- document.getElementById('m').innerHTML='0'+m;
- }
- else {
- document.getElementById('m').innerHTML=m;
- }
- if (h<10) {
- document.getElementById('h').innerHTML='0'+h;
- }
- else{
- document.getElementById('h').innerHTML=h;
- }
- }
- </script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement