Código Fonte - O melhor conteúdo para programadores

Este código tem nota

Autor

Victor Duarte da Silva

membro deste janeiro de 2009

Compartilhe e guarde

Enquete

Você já está estudando HTML5 e CSS3?

Ainda não comecei a estudar
Já li um pouco sobre o assunto
Não tenho interesse agora
Estou estudando profundamente

Home Código Fonte JavaScript - DHTML Jogos

Jogo de par ou Ímpar em Javascript

Simula o jogo de par ou ímpar muito usado para decidir na sorte quem irá começar um um outro jogo.

O script usa o Math.random() para gerar um número de 0 a 9 (não de 0 a 10 para não dar vantagem para números pares) e soma com o número que o usuário digitou (0-9) depois calcula o modulo por 2 do resultado para verificar se é par ou ímpar. Verifica qual a opção que o usuário escolheu (par ou ímpar) retornando como resposta a vitória ou derrota o numero que foi gerado pelo Math.random() o que você informou a soma e se é par ou ímpar.

Testado no IE6 e no Mozilla Firefox (deve funcionar em outros navegadores também).

<html>
 <head>
  <title>Par ou Impar - Conte com a sorte
  </title>
   <style type="text/css">
    #table {background-color: #fff; color: red; border: 5px solid black;}
    #vc {text-align: center; color: red; border:1px solid black;}
    #ok {border:2px solid black; background-color: #fff;}
    #res {visibility: hidden; border:5px solid black;}
    #rest {display:none;}
    #resp {text-align: center;color: red; border: 0}
   </style>
   <script>
    function sorte(){
     g = document.getElementById('radio2').checked;
     w = document.getElementById('radio1').checked;
     if(g == true || w == true){
      if(g == true){
       r=0
      }else{
       r=1
      }
     } else{
      alert("escolha par ou impar");
      return false;
     }
     y = 9*(Math.random());
     y = (Math.round(y));
     z = document.getElementById('vc').value;
     if (z >=0 && z <=9){}
     else{
      alert("é valido somente numero");
      return false;
     }
     z = parseFloat(z);
     x = y+z;
     k = x%2;
     if(k==1){
      l="Impar"
     } else{
      l="Par"
     }if(k==r){
      h="Total: "+x+", "+l+" vc ganho : )";
     }else{
      h="Total: "+x+", "+l+" vc perdeu : (";
     }
     document.getElementById('res').style.visibility="visible";
     document.getElementById('rest').style.display="block";
     document.getElementById('resp').value="O PC coloco: "+y+", VC coloco: "+z+". "+h;
     document.getElementById('table').style.borderBottom="0";
    }
   </script>
 </head>
 <body>
  <div id="pag">
   <form action="javascript:sorte();void(0)">
    <table align="center" id="table" >
     <tr>
      <td align="center" colspan="3">
       Escolha (0-9)
      </td>
     </tr>
     <tr>
      <td align="right">
       Par   <input type="radio" id="radio2" name="grupo"/>
      </td>
      <td align="center">
       <input type="text" align="center" size="1" maxlength="1" id="vc" />
      </td>
      <td align="left">
       <input type="radio" id="radio1" name="grupo"/>Impar
      </td>
     </tr>
     <tr>
      <td>
      </td>
      <td align="center">
       <input type="submit" value="OK" id="ok"/>
      </td>
      <td>
      </td>
     </tr>
    </table>
    <table align="center" id="res">
     <tr id="rest">
      <td>   
       <div>
        <input type="text" id="resp" size="55"/>
       <div>   
      </td>
     </tr>
    </table>
   </form>
  </div>
 </body>
</html>

<html>
 <head>
  <title>Par ou Impar - Conte com a sorte
  </title>
   <style type="text/css">
    #table {background-color: #fff; color: red; border: 5px solid black;}
    #vc {text-align: center; color: red; border:1px solid black;}
    #ok {border:2px solid black; background-color: #fff;}
    #res {visibility: hidden; border:5px solid black;}
    #rest {display:none;}
    #resp {text-align: center;color: red; border: 0}
   </style>
   <script>
    function sorte(){
     g = document.getElementById('radio2').checked;
     w = document.getElementById('radio1').checked;
     if(g == true || w == true){
      if(g == true){
       r=0
      }else{
       r=1
      }
     } else{
      alert("escolha par ou impar");
      return false;
     }
     y = 9*(Math.random());
     y = (Math.round(y));
     z = document.getElementById('vc').value;
     if (z >=0 && z <=9){}
     else{
      alert("é valido somente numero");
      return false;
     }
     z = parseFloat(z);
     x = y+z;
     k = x%2;
     if(k==1){
      l="Impar"
     } else{
      l="Par"
     }if(k==r){
      h="Total: "+x+", "+l+" vc ganho : )";
     }else{
      h="Total: "+x+", "+l+" vc perdeu : (";
     }
     document.getElementById('res').style.visibility="visible";
     document.getElementById('rest').style.display="block";
     document.getElementById('resp').value="O PC coloco: "+y+", VC coloco: "+z+". "+h;
     document.getElementById('table').style.borderBottom="0";
    }
   </script>
 </head>
 <body>
  <div id="pag">
   <form action="javascript:sorte();void(0)">
    <table align="center" id="table" >
     <tr>
      <td align="center" colspan="3">
       Escolha (0-9)
      </td>
     </tr>
     <tr>
      <td align="right">
       Par   <input type="radio" id="radio2" name="grupo"/>
      </td>
      <td align="center">
       <input type="text" align="center" size="1" maxlength="1" id="vc" />
      </td>
      <td align="left">
       <input type="radio" id="radio1" name="grupo"/>Impar
      </td>
     </tr>
     <tr>
      <td>
      </td>
      <td align="center">
       <input type="submit" value="OK" id="ok"/>
      </td>
      <td>
      </td>
     </tr>
    </table>
    <table align="center" id="res">
     <tr id="rest">
      <td>   
       <div>
        <input type="text" id="resp" size="55"/>
       <div>   
      </td>
     </tr>
    </table>
   </form>
  </div>
 </body>
</html>

Este código foi útil para você?

Nota	Comentário
10	denunciar usertop comentou em 26/1/2010 Bom Legal bem interessante funciona bem

Regras:
Os comentários seguem as seguintes regras:

Todos os comentários são enviados por membros cadastrados no site.
A pontuação de comentários de conteúdo do próprio membro não serão computados.
Os comentários serão pré-aprovados, porém a equipe do site revisará o conteúdo de todos os comentários podendo ser invalidados (inclusive a pontuação).
Os comentários precisam ter, obrigatóriamente, coerência sobre o conteúdo que será comentado.
O membro que atingir 5 comentários invalidados não poderá mais comentar dentro do site. Com isso o membro não poderá mais ganhar pontos com comentários.
Há um limite de 10 comentários por dia para cada membro.
Qualquer comentário após ter sido publicado poderá ser retirado através da opção ( denunciar)

Comente

Autenticação:	Apelido: Senha: (ainda não tem cadastro? clique aqui!)

Título:	Máximo de 30 caracteres
Comentário:	Máximo de 255 caracteres
Avaliação:

Equipe | Tabela de Pontos e Estrelas | Política de Privacidade | Mapa do Site | Fale Conosco