JavaScript - DHTML / Jogos

Jogo de par ou Ímpar em Javascript

enviado por Victor Duarte da Silva

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>

Versão impressa gerada em: quarta-feira, 25 de novembro de 2009