Busca la funcion que necesitas!

lunes, 10 de enero de 2011

JavaScript - Juego de Memoria by Kenichi

En esta ocasión les muestro un código fuente de un gran programador web y amigo mío conocido como Kenichi, este source es de un juego de memoria en el cual pueden acceder a el mediante el siguiente link http://linkenforos.com.ar/lab/memoria/Nuevo1.html

Todos los créditos son para kenichi!
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=windows-1250">
  <script type="text/javascript">
  <!--
  var entrees = new Array();
  var celda_anterior = null;
  var celda_anterior_id = null;
  var correctas = 0;
  var c = 0;
  function mezclar()
 {
  var i;
  var j;
  var n;
  var dep = 0;
  var trouve;
  for (i = 1; i < 9; i++)
  {
   for (j = 0; j < 2; j++) 
   {
    n = Math.round(Math.random() * (10 - i));
    dep += n;
    dep %= 16;
    trouve = false;
    while (!trouve) 
    {
     if (!entrees[dep]) 
     {
      entrees[dep] = i;
      trouve = true;
     }
     else 
     {
      dep++;
      dep %= 16;
     }
    }
   }
  }
 }
 mezclar();
  window.onload = function()
  {
   var codigo = '<table border="1">';
   for (var i = 0;i < 4;i++)
   {
    codigo += '<tr>';
    for (var f = 0;f < 4;f++)
    {  
     codigo += '<td style="width:100px;height:100px;text-align:center;background:#ffc" class="'+entrees[c]+'" id="celda_'+c+'"><a href="javascript:girar(\'celda_'+c+'\');">Girar</a></td>';
     c++;
    }
    codigo += '</tr>';
   }
   codigo += '</table>';
   document.body.innerHTML = codigo;
  }
  function girar(celda)
  {
   if (celda_anterior_id != null)
   {
    if (celda_anterior == document.getElementById(celda).className)
    {
     document.getElementById(celda).innerHTML = 'Muy bien!';
     document.getElementById(celda_anterior_id).innerHTML = 'Muy bien!';
     celda_anterior_id = null;
     celda_anterior = null;
     correctas++;
     if (correctas >= (c / 2))
     {
      alert("Ganaste el juego!");
     }
    }
    else
    {
     document.getElementById(celda).innerHTML = document.getElementById(celda).className;
     setTimeout(function()
     {
      document.getElementById(celda_anterior_id).innerHTML = '<a href="javascript:girar(\''+celda_anterior_id+'\')">Girar</a>';
      document.getElementById(celda).innerHTML = '<a href="javascript:girar(\''+celda+'\')">Girar</a>';
      alert("Intenta de nuevo!");
      celda_anterior_id = null;
      celda_anterior = null;
     }, 400); 
    }
   }
   else
   {
    celda_anterior = document.getElementById(celda).className;
    celda_anterior_id = celda;
    document.getElementById(celda).innerHTML = document.getElementById(celda).className;
   }
  }
  -->
  </script>
  <title>Memoria</title>
  </head>
  <body>

</body>
</html>

Un poco extenso pero vale la pena hecharle una mirada!
Publicado por en
Etiquetas:

No hay comentarios:

Publicar un comentario

Suscribirse a: Enviar comentarios (Atom)