Piedra, papel y tijera con Javascript

Clase 11 de 50 • Curso de Programación Básica 2014

AlexGuzman

student•

//Esta sería mi versión con menos código, saludos!

// Genera un número aleatorio ente un rago de enteros
function aleatorio(minimo, maximo)
{
var numero = Math.floor( Math.random() * (maximo - minimo +1 ) + minimo );
return numero;
}

var piedra=0;
var papel=1;
var tijera=2;

var opciones = ["Piedra","Papel","Tijera"];

// Definimos el resultado de cada combinación en el orden "piedra", "papel" y "tijera"
var opcionPiedra = ["Empate!","Perdiste!","Ganaste!"];
var opcionPapel = ["Ganaste!","Empate!","Perdiste!"];
var opcionTijera = ["Perdiste!","Ganaste!","Empate!"];

var opcionUsuario;
var opcionMaquina = aleatorio(0,2);

opcionUsuario = prompt("¿Qué eliges?\nPriedra: 0\nPapel: 1\nTijera: 2", 0);

alert("Elegiste " + opciones[opcionUsuario]);
alert("Javascript eligió " + opciones[opcionMaquina]);

if(opcionUsuario == 0)
{
alert(opcionPiedra[opcionMaquina]);
}
else if(opcionUsuario == 1)
{
alert(opcionPapel[opcionMaquina]);
}
else if(opcionUsuario == 2)
{
alert(opcionTijera[opcionMaquina]);
}
else
{
alert("Opción no valida!");
}

Antonio Gutierrez

student•

Buen Codigo, y SIMPLE!

jose santiago

student•

Me gusta mucho el codigo aleksmagno enserio es muy funcional y adaptable para cualquier cambio, eres bueno,
pero te falto algo para que sea completo "que no se reviente", cuando el usuario elige una opción diferente a 0,1,2, le programa sigue y no debería de seguir, solo agregue una condicional mas antes de iniciar el juego,.

mira este pero con la condición.

//Genera un numero aleatorio en un rango de neteros
function aleatorio (minimo, maximo)
{
var numero=Math.floor( Math.random()*(maximo - minimo + 1) + minimo);
return numero;
}
var piedra=0;
var papel=1;
var tijera=2;
var opciones =[ "piedra", "papel", "tijera"];

var opcionUsuario;
var opcionMaquina= aleatorio(0,2);

opcionUsuario= prompt( "¿ Que eliges? \n Piedra: 0 \n Papel:1 \n Tijeras :2 ",0)

// Limitante o condicion para que el juego funcione o advierte al usuario una opcion invalida antes de comenzar el juego
if (opcionUsuario == 0 ||opcionUsuario == 1 || opcionUsuario == 2 )
{

alert("Elegiste " + opciones[opcionUsuario]);

alert("Javascript eligio " + opciones[opcionMaquina]);

Angel Loera

student•

Hola, También pueden practicar con el "JUEGO DEL DADO".
Aunque la posibilidad de ganar no es tan Constante.
Básicamente lo eh creado en base a lo que aprendí en esta clase!

-------------------------Inicio del codigo-------------------------------------------------------

// function para generar un numero aleatorio
function numAleatorio(maximo, minimo)
{
var numero=Math.floor(Math.random()*(maximo-minimo+1) +minimo);
return numero;
}

var numeroUsuario;
var numeroMaquina=numAleatorio(1,6);

alert("JUEGO DEL DADO\n\n Este juego consiste en Adivinar el numero que caerá un DADO");

numeroUsuario=prompt("Que numero cres que caera en el dado?\n\n1\n2\n3\n4\n5\n6");

if(numeroUsuario==numeroMaquina)
{
alert("OOOO por dios! GANASTE, en el dado callo: "+numeroMaquina);
}
else
{
alert("HAS PERDIDO\n\n :-( el numero que callo fue: "+numeroMaquina);
}

//--------------------------------Fin del codigo-----------------------------------------------------
!Si quieren ganar! pongan un numero constantemente hasta que les salga :-)..

José Bautista Rodríguez

student•

Hola compañeros. El siguiente trabajo cuenta con algunas herramientas que quiza les pueda interesar, pueden copiar todo el texto y guardarlo como html junto con las respectivas imágenes que utiliza como botones, use unas png echas de 4 cm x 4 cm. En el enlace tendrán acceso al html y las imágenes que conforman los botones.

Me costo mucho amor hacerlo, agradeceré de antemano su critica para cualquier mejora y son libres de utilizarlo para lo que gusten (La plantilla puede serles útil).
Aquí dejo el código para quien lleve prisa.

<! DOCTYPE html>  
<html>  
   <head>  
      <meta charset="utf-8">  
      <title>Juegos de Manos</title>  
     
      <style type="text/css">  
         *{  
padding: 0;  
margin:0;  
}  
  
  
hearder,nav,section,article,aside,footer  
{  
display:block;  
}  
body  
{  
background-color:#ffffff;  
}  
hearder  
{  
height: 15%;  
border:1px solid color:#3399ff;  
background-color:#3399ff;  
color:#ffffff;  
}  
  
nav  
{  
width:24%;  
height:73%;  
border:1px solid color:#3399ff;  
color:#ffffff;  
background-color:#3399ff;  
float:left;  
}  
  
section  
{  
width:74%;  
height:71%;  
border:1px solid color:#3399ff;  
color:#000000;  
background-color:#ffffff;  
float:right;  
}  
  
article  
{  
width:95%;  
height:85%;  
border:1px solid color#ccffcc;  
background-color:#ccffcc;  
}    
  
aside  
{  
width:20%;  
height:60%;  
border:1px solid;  
background-color:#ffffff;  
float:right;  
}  
  
footer  
{  
clear:right;  
height:14%;  
border:1px solid color:#ffffff;  
background-color:#3399ff;  
color:#ffffff;  
}   
  
label[type=button],input[type="text"]{  
  width: 100%;  
  height: 50%;  
  font-size: 30px;  
}  
  
table,form{  
  width: 500px;  
  height: 300px;  
  margin: 0 auto;  
}  
  
button[type=button]  
{  
  width: 100%;  
  height: 50%;  
  font-size: 30px;  
}  
  
table,form  
{  
  width: 500px;  
  height: 300px;  
  margin: 0 auto;  
}  
  
           
      </style>  
   </head>  
  
<body>  
  
   <hearder>  
      <br>  
      <center><font="333333">Actividad</font></center>  
      <h1><center>Platzi</center></h1>  
  
   </hearder>  
  
   <nav>  
   
      <center><p><h2>Reglas</h2></p></center>  
      <br>  
      <p>"Las tijeras cortan el papel, el papel cubre a la piedra, la piedra aplasta al lagarto, el lagarto envenena a Spock, Spock destroza las tijeras, las tijeras decapitan al lagarto, el lagarto se come el papel, el papel refuta a Spock, Spock vaporiza la piedra, y, como es habitual… la piedra aplasta las tijeras.”</p>  
      <br>  
      <br>  
      <p>Para una nueva ronda recarga la página o el resultado de la pc sera el mismo.</p>  
  
   </nav>  
     
   <section>  
      <br>  
      <h2><color=#333333><center>Inicia el juego</center></h2>  
         <article>  
         <br>  
         <br>  
  
 <table>  
  
      
    <tr>  
  
      <td><button type ="button" id="0" onclick="opcionUsu1()"><img src="Piedra.png"></button></td>  
      <td><button type ="button" id="1" onclick="opcionUsu2()"><img src="Papel.png"></button></td>  
      <td><button type ="button" id="2" onclick="opcionUsu3()"><img src="Tijeras.png"></button></td>  
      <td><button type ="button" id="3" onclick="opcionUsu4()"><img src="Lagarto.png"></button></td>  
      <td><button type ="button" id="4" onclick="opcionUsu5()"><img src="Spock.png"></button></td>  
  
    </tr>  
  
</table>  
  
<p><center><h2><div id="Resultado"/></center></h2></p>   
  
 <script type="text/javascript">  
  
              
  
      function opcionUsu1()  
  
      {  
  
        var Resultado = document.getElementById('Resultado');   
  
        alert ("Escogiste Piedra");  
        alert ("Que rockoso eres... Prefiero " + opciones[opcionMaquina]);  
  
          
        if (opciones[opcionMaquina] == "Papel" )  
  
        {  
          Resultado.innerHTML = "¡Perdedor! XD";    
  
        }  
  
        else if (opciones[opcionMaquina] == "Spock")  
  
        {  
          Resultado.innerHTML = "¡Loser! :,D";    
        }  
  
  
        else if (opciones[opcionMaquina] == "Piedra")  
  
        {  
          Resultado.innerHTML = "Las grandes mentes, piensan como piedras";   
        }  
  
        else   
  
        {  
          Resultado.innerHTML = "Perdi";  
        }  
  
      }  
  
    function opcionUsu2()  
  
      {  
      var Resultado = document.getElementById('Resultado');   
  
        alert ("Escogiste Papel");  
        alert ("Mi sabiduria dice que use en tu contra " + opciones[opcionMaquina]);  
  
  
        if (opciones[opcionMaquina] == "Lagarto" )  
  
        {  
          Resultado.innerHTML = "¡Perdedorsote!";    
  
        }  
  
        else if (opciones[opcionMaquina] == "Tijeras")  
  
        {  
          Resultado.innerHTML = "Ja ja ja ja... por eso dominaremos al mundo";    
        }  
          
  
        else if (opciones[opcionMaquina] == "Papel")  
  
        {  
          Resultado.innerHTML = "Ni tu ni yo";   
        }  
  
        else   
  
        {  
          Resultado.innerHTML = "Perdi";  
        }  
  
      }  
  
    function opcionUsu3()  
  
      {  
  
        var Resultado = document.getElementById('Resultado');   
  
        alert ("Escogiste Tijeras");  
        alert ("Yo escogí " + opciones[opcionMaquina]);  
  
  
        if (opciones[opcionMaquina] == "Piedra" )  
  
        {  
          Resultado.innerHTML = "¡Perdedor! Lol";    
  
        }  
  
        else if (opciones[opcionMaquina] == "Spock")  
  
        {  
          Resultado.innerHTML = "¿quien usa las Tijeras?... Spock";    
        }  
          
  
        else if (opciones[opcionMaquina] == "Tijeras")  
  
        {  
          Resultado.innerHTML = "o rayos... nadie gana";   
        }  
  
        else   
  
        {  
          Resultado.innerHTML = "Me has derrotado honorablemente";  
        }  
  
      }  
    function opcionUsu4()  
  
      {  
        var Resultado = document.getElementById('Resultado');   
  
        alert ("Escogiste Lagarto");  
        alert ("Prefiero " + opciones[opcionMaquina]);  
  
  
        if (opciones[opcionMaquina] == "Tijeras" )  
  
        {  
          Resultado.innerHTML = "¡Perdedor! XD";    
  
        }  
  
        else if (opciones[opcionMaquina] == "Piedra")  
  
        {  
          Resultado.innerHTML = "¡Perdedor! XD";    
        }  
          
  
        else if (opciones[opcionMaquina] == "Lagarto")  
  
        {  
          Resultado.innerHTML = "Ni tu ni yo \n ¿va de nuevo?";   
        }  
  
        else   
  
        {  
          Resultado.innerHTML = "Perdi";  
        }  
  
      }  
  
    function opcionUsu5()  
  
      {  
        var Resultado = document.getElementById('Resultado');   
  
        alert ("Escogiste a Spock");  
        alert ("Yo me voy por " + opciones[opcionMaquina]);  
  
  
        if (opciones[opcionMaquina] == "Lagarto" )  
  
        {  
          Resultado.innerHTML = "¡Perdedor! XD";    
  
        }  
  
        else if (opciones[opcionMaquina] == "Papel")  
  
        {  
          Resultado.innerHTML = "¡Perdedor! XD";    
        }  
          
  
        else if (opciones[opcionMaquina] == "Spock")  
  
        {  
          Resultado.innerHTML = "Ni tu ni yo \n ¿va de nuevo?";   
        }  
  
        else   
  
        {  
          Resultado.innerHTML = "He perdido contra un intelecto claramente superior... robare tu información personal... lol ";  
          alert("muajajajaja");  
        }  
  
      }  
  
 function maquina(minimo, maximo)  
{  
    var numero = Math.floor( Math.random() * (maximo - minimo + 1) + minimo );  
    return numero;  
}  
var Piedra = 0;  
var Papel = 1;  
var Tijera = 2;  
var Lagarto = 3;  
var Spock = 4;   
  
  
var opciones = ["Piedra", "Papel", "Tijera", "Lagarto", "Spock"];  
  
var opcionUsuario;  
var opcionMaquina = maquina(0,4);  
  
opcionUsuario = id["opcionUsu1()", "opcionUsu2()", "opcionUsu3()", "opcionUsu4()", "opcionUsu5()"];  
  
  
    </script>  
  
       
  
        
         </article>  
  
      </section>  
  
      <div>  
      </div>  
<footer> </footer>  
      </script>  
</body>

José Bautista Rodríguez

student•

Realizo una aclaración:

label[type=button],input[type="text"]{  
  width: 100%;  
  height: 50%;  
  font-size: 30px;

Esta parte no sirve de nada aquí XD

Mauricio Rengifo Abella

student•

Te aconsejo, en la web para la web... TODO lo que hagas como material gráfico, trabajalo en pixeles (PX)

Josué Manuel Echandia Asto

student•

Aquí les dejo mi código de PIEDRA, PAPEL, TIJERA, LAGARTO, SPOCK. Es el más COMPRIMIDO que pude hacer, funciona con botones:
Programar es facil yo apenas tengo 16 años.

JAVASCRIPT
//Genera un número aleatorio entre un rango de enteros
function patito(minimo, maximo)
{
var numero = Math.floor( Math.random() * (maximo - minimo + 1) + minimo );
return numero;
}
//Variables
var piedra=0; papel=1; tijera=2; lagarto=3; spock=4;
var opciones=["Piedra","Papel","Tijera","Lagarto","Spock"];

function inicio()
{
pi=document.getElementById("botonpiedra");
pa=document.getElementById("botonpapel");
ti=document.getElementById("botontijera");
la=document.getElementById("botonlagarto");
sp=document.getElementById("botonspock");
pi.addEventListener("click", botonpi);
pa.addEventListener("click", botonpa);
ti.addEventListener("click", botonti);
la.addEventListener("click", botonla);
sp.addEventListener("click", botonsp);
}

function identificar(v)
{ var opcionMaquina=patito(0,4);
alert(opciones[v]+" VS "+opciones[opcionMaquina])
resultado(v,opcionMaquina); }

//Forma mas corta de Comprobar Resultados
function resultado(n1,n2)
{ if(n1==n2)
{ titulo.textContent="Empate" }
else
{ if ( (n1==piedra &&n2==lagarto)||(n1==piedra &&n2==tijera)
||(n1==papel &&n2==spock)||(n1==papel &&n2==piedra)
||(n1==tijera &&n2==papel)||(n1==tijera &&n2==lagarto)
||(n1==lagarto&&n2==spock)||(n1==lagarto&&n2==papel)
||(n1==spock &&n2==piedra)||(n1==spock &&n2==tijera))
{titulo.textContent="Ganaste"}
else
{titulo.textContent="Perdiste"} };
}

HTML:

<!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>Piedra, Papel, Tijera, Lagarto o Spock</title> <script type="text/javascript" src="codigo.js"></script> <style type="text/css"> html{ text-align: center } </style> </head> <body> <h1 id="titulo">Piedra, Papel, Tijera, Lagarto y Spock </h1> <input type="button" id="botonpiedra" value="Piedra" > <input type="button" id="botonpapel" value="Papel"> <input type="button" id="botontijera" value="Tijera"> <input type="button" id="botonlagarto" value="Lagarto"> <input type="button" id="botonspock" value="Spock"> <script type="text/javascript">inicio()</script> </body>

Carlos Salazar

student•

Me gusta tu solución.

Creo que en vez de tener una función de evento para cada botón puedes hacer una sola, tomar el valor del input presionado y enviarlo a la verificación, identificando el valor con un array.

En vez de hacer una función para cada botón, ya que todas hacen exactamente lo mismo.

Carlos Salazar

student•

Me gusta tu solución.

Creo que en vez de tener una función de evento para cada botón puedes hacer una sola, tomar el valor del input presionado y enviarlo a la verificación, identificando el valor con un array.

En vez de hacer una función para cada botón, ya que todas hacen exactamente lo mismo.

Anna abracarioca

student•

mi código

//reglas Big Bang Theory:  
//tijera le gana a papel  
//papel le gana a piedra  
//piedra le gana a lagarto  
//lagarto le gana a Spock  
//Spock le gana a tijera  
//tijera le gana a lagarto  
//lagarto le gana a papel  
//papel le gana a Spock  
//Spock le gana a piedra  
//y piedra le gana a tijera  
  
//Genera un número aleatorio entre un rango enteros  
function aleatorio(minimo,maximo)  
{  
    var numero = Math.floor(Math.random()*(maximo-minimo+1)+minimo);  
    return numero;  
}  
  
var piedra=0;  
var papel=1;  
var tijera=2;  
var lagarto=3;  
var Spock=4;  
var opciones =["Piedra", "Papel", "Tijera", "Lagarto", "Spock"];  
  
  
var opcionUsuario;  
var opcionMaquina=aleatorio(0,4);  
  
opcionUsuario = prompt("¿Qué eliges? \nPiedra:0\nPapel:1\nTijera:2\nLagarto:3\nSpock:4",0)  
alert("Jugador 1, eligiste "+opciones[opcionUsuario]);  
alert("JS eligió "+opciones[opcionMaquina]);  
if(opcionUsuario == opcionMaquina)  
{  
    alert("Empate!");  
}  
else if(opcionUsuario == tijera && (opcionMaquina == papel||opcionMaquina == lagarto)  
    || opcionUsuario == papel && (opcionMaquina == piedra||opcionMaquina == Spock)  
    ||opcionUsuario == piedra && (opcionMaquina == lagarto||opcionMaquina == tijera)  
    ||opcionUsuario == lagarto && (opcionMaquina == Spock||opcionMaquina == papel)  
    || opcionUsuario == Spock && (opcionMaquina == tijera||opcionMaquina == piedra)  
)  
{  
    alert("Ganaste!");  
}  
else if(opcionUsuario == papel && (opcionMaquina == tijera||opcionMaquina ==lagarto)   
    ||opcionUsuario == piedra && (opcionMaquina == Spock||opcionMaquina ==papel)   
    ||opcionUsuario == lagarto && (opcionMaquina == piedra||opcionMaquina ==tijera)  
    ||opcionUsuario == Spock && (opcionMaquina == lagarto||opcionMaquina ==papel)  
    || opcionUsuario == tijera && (opcionMaquina == piedra||opcionMaquina ==Spock)  
)  
{  
    alert("Perdiste!");  
}  
else  
{  
    alert("WTF?");  
}

Duvan Rack

student•

Gracias ati puede crear lo del formulario fantástico :D

Diana De La Roche Morales

student•

Mi código un poco más corto:

//Genera un número aleatorio entre un rango de enter  
function numeroAleatoreo(minimo, maximo)  
{  
    var numero = Math.floor( Math.random() * (maximo - minimo + 1) + minimo );  
    return numero;  
}  
  
var piedra = 0;  
var papel = 1;  
var tijera = 2;  
var lagarto = 3;  
var spock = 4;  
  
var opcionesDelJuego = ["piedra", "papel", "tijera", "lagarto", "spock"];  
var opcionesMaquina = numeroAleatoreo(0,4);  
var opcionUsuario;  
var solucion;  
  
opcionUsuario = prompt("Selecciona tu jugada: \n Piedra: 0 \n Papel: 1 \n Tijera: 2 \n Lagarto: 3 \n Spock: 4", 0);  
  
alert("Elegiste: " + opcionesDelJuego[opcionUsuario] + " y la maquina eligió: " + opcionesDelJuego[opcionesMaquina]);  
  
var juego = [ [0,1,2,2,1],  
              [2,0,1,1,2],  
              [1,2,0,2,1],   
              [1,2,1,0,2],  
              [2,1,2,1,0]  ];  
solucion = juego[opcionUsuario][opcionesMaquina];  
  
if(solucion == 2){  
    document.write("Ganaste!");  
} else   
    if (solucion == 1) {  
        document.write("Perdiste!");  
  
}else   
    if (solucion == 0) {  
            document.write("Empate!");  
  
}

Michelle Zea

student•

hola soy Daniel Pita hijo y tengo 10 anos, hago todos los cursos de platzi de programacion ya que me interesa mucho esta area de ser uno de los mejores programadores a mi corta edad, por su puesto bajo a supervision de mi padre. y me salio el piedra papel tijera lagarto sport

Martin Arzuaga

student•

Hola! Tengo un solo problema! En la última línea de código le indico que si no es ni piedra, papel, tijera, lagarto o spock le diga "¿Sabes leer?". La cuestión es que no encuentro por qué razón me ejecuta la línea 20 (valor undefined), luego la línea 21 (valor correspondiente) y recién después me ejecuta el alert de "¿Sabes leer?" ¿Me podrían ayudar? ¡Gracias!

AlexGuzman

student•

Es porque en la variable de tipo arreglo "opciones" estas seleccionando una "casilla" ó posición, ó indice que no esta definido, es decir que no existe

Edgar Martinez Huerta

student•

Hasta donde se; no, lo que puedes utilizar son las ventanas modal

Francisco Javier Marquez Ramirez

student•

Esta super genial la forma en que lo resolvio aleksmagno...
Bueno aquí dejo mi versión del código reducido,
Lo hice pensando en la regla 80/20.
Me pace que es mucho mas fácil leerlo así. ¿Que opinan?

var piedra = "piedra";  
var papel  = "papel";  
var tijera = "tijera";  
  
var usuario = prompt("¿Qué eliges?\npiedra\npapel\ntijera", "tijera");  
var iA      = aleatorio(0,2);  
  
alert("Elegiste: "                          + usuario );  
alert("La inteligencia Artificial eligio: " + iA      );  
  
if (usuario == piedra  && iA == tijera) { alert("ganaste")  };  
if (usuario == papel   && iA == piedra) { alert("ganaste")  };  
if (usuario == tijera  && iA == papel ) { alert("ganaste")  };  
                                                               
if (usuario == piedra  && iA == papel ) { alert("perdiste") };  
if (usuario == papel   && iA == tijera) { alert("perdiste") };  
if (usuario == tijera  && iA == piedra) { alert("perdiste") };  
  
if (usuario == iA)                      { alert( "Empate" ) };  
  
if (usuario != piedra && usuario != papel && usuario != tijera) {  
    alert("Opcion invalida, escribe correctamente tu respuesta, todo en minusculas");  
};  
  
//funcion :)  
  
function aleatorio(minimo, maximo)  
{  
    var numero = Math.floor( Math.random() * (maximo - minimo + 1) + minimo );  
    if (numero == 0) {numero = "piedra" };  
    if (numero == 1) {numero =  "papel" };  
    if (numero == 2) {numero = "tijera" };  
    return numero;  
}

Tetsu Osnaya

student•

![](http://images.radiotimes.com/namedimage/Can_you_complete_the_Spock_quotes_.jpg?quality=85&mode=crop&width=620&height=374&404=tv&url=/uploads/images/original/71133.jpg)  
//COMO INNOVACIÓN AQUÍ INCLUIMOS AL MISMISIMO DIABLO.  
  
function aleatorio(minimo, maximo)  
{  
    var numero = Math.floor( Math.random() * (maximo - minimo + 1) + minimo );  
    return numero;  
}  
var piedra = 0  
var papel = 1  
var tijeras = 2  
var lagarto = 3  
var spock = 4  
var diablo = 5  
var opcion = ["Piedra", "Papel", "Tijeras", "lagarto", "Spock", "Diablo"];  
var opcionUsuario;  
var opcionBot = aleatorio(0,5);  
var opcionUsuario = prompt("Escoge seleccionando un número: \n 0 - Piedra \n 1 - Papel \n 2 - Tijeras \n 3 - Lagarto \n 4 - Spock", 0);  
alert("Elegiste " + opcion[opcionUsuario]);  
alert("Bot eligió " + opcion[opcionBot]);  
if (opcionUsuario == piedra)   
{  
    if (opcionBot == piedra)   
    {  
        alert("EMPATE");  
    }  
    else if (opcionBot == papel)  
    {  
        alert("PERDISTE");  
    }  
    else if (opcionBot == tijeras)   
    {  
        alert("GANASTE");  
    }  
    else if (opcionBot == lagarto)   
    {  
        alert("GANASTE");  
    }  
    else if (opcionBot == spock)   
    {  
        alert("PERDISTE");  
    }  
}  
else if (opcionUsuario == papel)   
{  
    if (opcionBot == piedra)   
    {  
        alert("GANASTE");  
    }  
    else if (opcionBot == papel)  
    {  
        alert("EMPATE");  
    }  
    else if (opcionBot == tijeras)   
    {  
        alert("PERDISTE");  
    }  
    else if (opcionBot == lagarto)   
    {  
        alert("PERDISTE");  
    }  
    else if (opcionBot == spock)   
    {  
        alert("GANASTE");  
    }  
}  
else if (opcionUsuario == tijeras)   
{  
    if (opcionBot == piedra)   
    {  
        alert("PERDISTE");  
    }  
    else if (opcionBot == papel)  
    {  
        alert("GANASTE");  
    }  
    else if (opcionBot == tijeras)   
    {  
        alert("EMPATE");  
    }  
    else if (opcionBot == lagarto)   
    {  
        alert("GANASTE");  
    }  
    else if (opcionBot == spock)   
    {  
        alert("PERDISTE");  
    }  
}  
else if (opcionUsuario == lagarto)  
{  
    if (opcionBot == piedra)   
    {  
        alert("PERDISTE");  
    }  
    else if (opcionBot == papel)  
    {  
        alert("GANASTE");  
    }  
    else if (opcionBot == tijeras)   
    {  
        alert("PERDISTE");  
    }  
    else if (opcionBot == lagarto)   
    {  
        alert("EMPATE");  
    }  
    else if (opcionBot == spock)   
    {  
        alert("GANASTE");  
    }  
}  
else if (opcionUsuario == spock)  
{  
    if (opcionBot == piedra)   
    {  
        alert("GANASTE");  
    }  
    else if (opcionBot == papel)  
    {  
        alert("PERDISTE");  
    }  
    else if (opcionBot == tijeras)   
    {  
        alert("GANASTE");  
    }  
    else if (opcionBot == lagarto)   
    {  
        alert("PERDISTE");  
    }  
    else if (opcionBot == spock)   
    {  
        alert("EMPATE");  
    }  
}  
  
if (opcionBot == diablo)   
{  
    alert("LE HAS VENDIDO EL ALMA AL DIABLO! MUAHAHAHA!")  
}  
if (opcionUsuario == diablo)   
{  
    alert("SABEMOS QUIEN ERES, Y NO ERES EL DIABLO. TRAMPOSO.")  
}  
else  
{  
    alert("¿!WTF IS WRONG WITH YOU NIGGA!?")  
}

Luis Esteves

student•

Hice un vídeo sobre cómo hacer el programa de Yan Ken Po con solo 24 líneas de código y sin usar ningún condicional. Ojalá les guste.

Yehoshua Cabrera Juárez

student•

Muy buen video Luis, espero sigas subiendo tus ejercicios y apoyes con tu conocimiento !

Jeffer Rojas

student•

function patito(minimo, maximo)  
{  
    var numero = Math.floor( Math.random() * (maximo - minimo + 1) + minimo );  
    return numero;  
}  
  
var piedra = 0;  
var papel = 1;  
var tijera = 2;  
var lagarto = 3;  
var spock = 4;  
var opciones = ["piedra","papel","tijera","lagarto","spock"];  
var opcionUsuario = prompt("¿Qué eliges?\n piedra = 0\n papel = 1\n tijera = 2\n lagarto = 3\n spock = 4", 0);  
var opcionMaquina = patito(0,4);  
  
if(opcionUsuario <= spock){  
  
        alert("Elegiste " + opciones[opcionUsuario]);  
        alert("Javascript eligió " + opciones[opcionMaquina]);  
  
        if(opcionUsuario == opcionMaquina){  
  
            alert("empate");  
  
        }else if(((opcionUsuario == piedra) && (opcionMaquina == tijera || opcionMaquina == lagarto)) ||  
            ((opcionUsuario == papel) && (opcionMaquina == piedra || opcionMaquina == spock)) ||  
            ((opcionUsuario == tijera) && (opcionMaquina == papel || opcionMaquina == lagarto)) ||  
        ((opcionUsuario == lagarto) && (opcionMaquina == papel || opcionMaquina == spock)) ||  
        ((opcionUsuario == spock) && (opcionMaquina == piedra || opcionMaquina == tijera))){  
  
            alert("ganaste");  
  
        }else{  
  
            alert("perdiste");  
        }  
  
    }else{  
  
        alert("error");  
    }

David Fernando

student•

para que es el "return numero;" ?

Juan David RAMÍREZ

student•

Hola david
normalmente cuando utilizamos funciones, hay que especificar cual es el valor que va a "salir" o "retornar" resultado de la operación interna de la función, en este caso le decimos a nuestro programa, que la función aleatorio va a "retornar" el valor contenido en la variable numero
saludos

Juan David RAMÍREZ

student•

Germán Restrepo Fernández

student•

Usando menos líneas de código:

//Genera un número aleatorio entre un rango de enteros  
function aleatorio(minimo, maximo)  
{  
    var numero = Math.floor( Math.random() * (maximo - minimo + 1) + minimo );  
    return numero;  
}  
  
var piedra = 0;  
var papel = 1;  
var tijera = 2;  
  
var opciones = ["Piedra", "Papel", "Tijera"];  
  
var opcionUsuario;  
var opcionMaquina = aleatorio(0,2);  
  
opcionUsuario = prompt("¿Qué eliges?\nPiedra: 0\nPapel: 1\nTijera: 2", 0);  
  
alert("Elegiste " + opciones[opcionUsuario]);  
alert("Javascript eligió " + opciones[opcionMaquina]);  
  
if(opcionUsuario == opcionMaquina)  
    {  
        alert("Empate!");  
    }  
else if((opcionUsuario == piedra && opcionMaquina == papel) ||   
    (opcionUsuario == papel && opcionMaquina == tijera) ||   
    (opcionUsuario == tijera && opcionMaquina == piedra))  
    {  
        alert("Perdiste :( ");  
    }  
else if((opcionUsuario == papel && opcionMaquina == piedra) ||   
    (opcionUsuario == tijera && opcionMaquina == papel) ||   
    (opcionUsuario == piedra && opcionMaquina == tijera))  
    {  
        alert("Ganaste!!!");  
    }  
else  
    {  
        alert("¿Qué carajos pasó?");  
    }

Saul Ignacio Ibarra Arce

student•

Creo que una forma de escribir menos codigo seria:
Sabiendo que:

var piedra = 0;  
var papel = 1;  
var tijera = 2;

si OpcionUsuario == OpcionMaquina
empate

sino OpcionUsuario - OpcionMaquina == 1 o OpcionUsuario - OpcionMaquina==-2
gana Usuario
sino, Pierde usuario.

Traducido a codigo:

OpcionUsuario = parseInt(OpcionUsuario);  
if(OpcionUsuario == OpcionMaquina)  
{  
alert("Empataron");  
} else if(OpcionUsuario - OpcionMaquina == 1 || OpcionUsuario - OpcionMaquina == -2)  
alert("Ganaste");  
} else {  
alert("Perdiste");  
}

Pudiendo reemplazar la parte de los alert por cualquier otro codigo que se ejecute en caso de victoria, empate o derrota.
Quizas este equivocado, revisenlo y me dicen si esta bien (Y)

Edwin Sierra

student•

Hola Saul, estuve revisando tu código y para mi está bien, te felicito!!

Clinton Villanueva

student•

Hola, les comparto mi versión "super-mejorada" de Piedra Papel Tijera Lagarto Spock ( ), hay cosas que planeo mejorar pero por ahora funciona bien. Si quieren ver el codigo, esta en . Espero que sea de su agrado.

Juan David Narvaez Sanclemente

student•

Esta súper bueno ese código amigo!. Gracias por compartirlo... A estudiarlo.

Jaime Méndez

student•

La reduje a:

// Variables de juego  
var usrOption;  
var macOption;  
// piedra = 0;  
// papel  = 1;  
// tijera = 2;  
var choices = [ 'Piedra', 'Papel', 'Tijera' ];  
var result  = [ '** EMPATE **','¡¡¡GANASTE!!!','Perdiste :) - Intentalo de nuevo' ];  
  
// Metodos  
function myRandom( min, max )  
{  
  return Math.floor( Math.random() * (max - min + 1) + min );  
}  
function validate( usr, mac ){  
  return ( usr == mac ) ? 0 : ( ( usr == 0 && mac == 2 ) || ( usr == 1 && mac == 0 ) || ( usr == 2 && mac == 1 ) ) ? 1 : 2;  
}  
  
// Ejecución  
macOption = myRandom( 0, 2 );  
usrOption = prompt ( '¿Que eliges?:\n\tPiedra: 0\n\tPapel: 1\n\tTijera: 2', 0 );  
  
  
alert( ( usrOption >= 0 && usrOption < 3 ) ? 'Has elegido: ' + choices[ usrOption ] +  
                                           '\nLa máquina : ' + choices[ macOption ] +  
                                           '\n\t' + result[ validate( usrOption, macOption ) ] :   
                                           'Tu elección no es válida' );

Ricardo Garrido Cruz

student•

Hola, no entendí la función "validate", ¿Me podrías explicar? soy newbie.
P.D
Se nota que eres un crack en la programación, saludos y un abrazo.

Patricio Pinto

student•

//Genera un número aleatorio entre un rango de enteros
function patito(minimo, maximo)
{
var numero = Math.floor( Math.random() * (maximo - minimo + 1) + minimo );
return numero;
}

var piedra = 0;
var papel = 1;
var tijera = 2;
var lagarto = 3;
var spock = 4;

var opciones = ["Piedra", "Papel", "Tijera" , "Lagarto" , "Spock"];

var opcionUsuario;
var opcionMaquina = patito(0,4);

opcionUsuario = prompt("¿Qué eliges?\nPiedra: 0\nPapel: 1\nTijera: 2\nLagarto: 3\nSpock: 4", 0);

alert("Elegiste " + opciones[opcionUsuario]);
alert("Javascript eligió " + opciones[opcionMaquina]);

if(opcionUsuario == piedra)
{
if(opcionMaquina == piedra)
{
alert("Empate!");
}
else if(opcionMaquina == papel)
{
alert("Perdiste :( ");
}
else if(opcionMaquina == tijera)
{
alert("Ganaste!");
}
else if(opcionMaquina == lagarto)
{
alert("Ganaste!");
}
else if(opcionMaquina == spock)
{
alert("Perdiste!");
}
}
else if(opcionUsuario == papel)
{
if(opcionMaquina == piedra)
{
alert("Ganaste!");
}
else if(opcionMaquina == papel)
{
alert("Empate!");
}
else if(opcionMaquina == tijera)
{
alert("Perdiste!");
}
else if(opcionMaquina == lagarto)
{
alert("Ganaste!");
}
else if(opcionMaquina == spock)
{
alert("Perdiste!");
}
}
else if(opcionUsuario == tijera)
{
if(opcionMaquina == piedra)
{
alert("Perdiste!");
}
else if(opcionMaquina == papel)
{
alert("Ganaste!");
}
else if(opcionMaquina == tijera)
{
alert("Empate!");
}
else if(opcionMaquina == lagarto)
{
alert("Ganaste!");
}
else if(opcionMaquina == spock)
{
alert("Perdiste!");
}
}
else if(opcionUsuario == lagarto)
{
if(opcionMaquina == piedra)
{
alert("Perdiste!");
}
else if(opcionMaquina == papel)
{
alert("Ganaste!");
}
else if(opcionMaquina == tijera)
{
alert("Perdiste!");
}
else if(opcionMaquina == lagarto)
{
alert("Empate!");
}
else if(opcionMaquina == spock)
{
alert("Perdiste!");
}
}
else if(opcionUsuario == spock)
{
if(opcionMaquina == piedra)
{
alert("Ganaste!");
}
else if(opcionMaquina == papel)
{
alert("Perdiste!");
}
else if(opcionMaquina == tijera)
{
alert("Ganaste!");
}
else if(opcionMaquina == lagarto)
{
alert("Perdiste!");
}
else if(opcionMaquina == spock)
{
alert("Empate!");
}
}
else
{
alert("¿Entonces que diablos?");
}

Julián López

student•

Hola, aquí está mi trabajo de minimizar el código al máximo:

function aleatorio(minimo,maximo)

{ var numero = Math.floor(Math.random() * (maximo - minimo + 1) + minimo );

return numero;}

var Piedra = 0;

var Papel = 1;

var Tijera = 2;

var Lagarto = 3;

var Spock = 4;

var opciones = ["Piedra" , "Papel" , "Tijera" , "Lagarto" , "Spock"];

var opcionUsuario;

var opcionMaquina = aleatorio(0,4);

opcionUsuario = prompt("Elige una opción escribiendo el número\nEjemplo si escribes 2 escogerías Tijeras\nPiedra: 0\nPapel: 1\nTijera: 2\nLagarto: 3\nSpock: 4", 0);

alert("Elegiste " + opciones[opcionUsuario]);

alert("Chrome elegió " + opciones[opcionMaquina]);

// Primero definimos que un empate es cuando son iguales

// las opciones escogidas por el Usuario y la Maquina

if (opciones[opcionUsuario] == opciones[opcionMaquina])

{alert("Empate!");}

// Luego defino cuando es victoria del usuario

// ya que podemos deducir que si no es victoria del usuario

// ni empate obviamente será victoria de Chrome

else if (opcionUsuario == Piedra && (opcionMaquina == Tijera || opcionMaquina == Lagarto))

{alert("Ganaste!");}

else if (opcionUsuario == Papel && (opcionMaquina == Piedra || opcionMaquina == Spock))

{alert("Ganaste!");}

else if (opcionUsuario == Tijera && (opcionMaquina == Papel || opcionMaquina == Lagarto))

{alert("Ganaste!");}

else if (opcionUsuario == Lagarto && (opcionMaquina == Spock || opcionMaquina == Papel))

{alert("Ganaste!");}

else if (opcionUsuario == Spock && (opcionMaquina == Tijera || opcionMaquina == Piedra))

{alert("Ganaste!");}

// Por Último definimos que si no es ninguno de los anteriores

// el usuario pierde

else alert("Perdiste!");

Si lo ensayan se darán cuenta que funciona a la perfección.

Si quieren saber como logré lo poco que hice, fue que leyendo los comentarios de este video me di cuenta que

habian compañeros que utilizaban "||" y buscando encontré esta página (https://es.wikibooks.org/wiki/Programaci%C3%B3n\_en\_JavaScript/Control/Condicionales) donde me di cuenta que hay forma de hacer varias condiciones dentro de una sola con esto:

Operador Significado

&& Y

|| O

! NO

== Equivalencia

< Menor que

Mayor que

<= Menor o igual que

= Mayor o igual que

!= Distinto de

Por ejemplo:

if (edad > 6 && edad < 12) alert("Eres un niño");  

else if (edad >= 12 && edad < 18) alert("Eres un adolescente");  

else if (edad >= 18 && edad < 31) alert("Eres un joven");  

else if (edad >= 31 && edad < 60) alert("Eres un adulto");  

else if (edad >= 60 alert ("Eres un adulto mayor");  

else alert ("Tu debes de ser un bebé no mayor de 6 años");

Cualquier cosa comenten, gracias

Usuario anónimo

user•

te quedo cool :)

Víctor Trillo Rodríguez

student•

Creo que la mayoría de los que ponen sus códigos en el chat deberían andar en un curso mas avanzado o dejar de intimidar a novatos usando términos que no se dan en este vídeo.

<! DOCTYPE html>  
<html>  
   <head>  
      <meta charset="utf-8">  
      <title>Juegos de Manos</title>  
     
      <style type="text/css">  
         *{  
padding: 0;  
margin:0;  
}  
  
  
hearder,nav,section,article,aside,footer  
{  
display:block;  
}  
body  
{  
background-color:#ffffff;  
}  
hearder  
{  
height: 15%;  
border:1px solid color:#3399ff;  
background-color:#3399ff;  
color:#ffffff;  
}  
  
nav  
{  
width:24%;  
height:73%;  
border:1px solid color:#3399ff;  
color:#ffffff;  
background-color:#3399ff;  
float:left;  
}  
  
section  
{  
width:74%;  
height:71%;  
border:1px solid color:#3399ff;  
color:#000000;  
background-color:#ffffff;  
float:right;  
}  
  
article  
{  
width:95%;  
height:85%;  
border:1px solid color#ccffcc;  
background-color:#ccffcc;  
}    
  
aside  
{  
width:20%;  
height:60%;  
border:1px solid;  
background-color:#ffffff;  
float:right;  
}  
  
footer  
{  
clear:right;  
height:14%;  
border:1px solid color:#ffffff;  
background-color:#3399ff;  
color:#ffffff;  
}   
  
label[type=button],input[type="text"]{  
  width: 100%;  
  height: 50%;  
  font-size: 30px;  
}  
  
table,form{  
  width: 500px;  
  height: 300px;  
  margin: 0 auto;  
}  
  
button[type=button]  
{  
  width: 100%;  
  height: 50%;  
  font-size: 30px;  
}  
  
table,form  
{  
  width: 500px;  
  height: 300px;  
  margin: 0 auto;  
}  
  
           
      </style>  
   </head>  
  
<body>  
  
   <hearder>  
      <br>  
      <center><font="333333">Actividad</font></center>  
      <h1><center>Platzi</center></h1>  
  
   </hearder>  
  
   <nav>  
   
      <center><p><h2>Reglas</h2></p></center>  
      <br>  
      <p>"Las tijeras cortan el papel, el papel cubre a la piedra, la piedra aplasta al lagarto, el lagarto envenena a Spock, Spock destroza las tijeras, las tijeras decapitan al lagarto, el lagarto se come el papel, el papel refuta a Spock, Spock vaporiza la piedra, y, como es habitual… la piedra aplasta las tijeras.”</p>  
      <br>  
      <br>  
      <p>Para una nueva ronda recarga la página o el resultado de la pc sera el mismo.</p>  
  
   </nav>  
     
   <section>  
      <br>  
      <h2><color=#333333><center>Inicia el juego</center></h2>  
         <article>  
         <br>  
         <br>  
  
 <table>  
  
      
    <tr>  
  
      <td><button type ="button" id="0" onclick="opcionUsu1()"><img src="Piedra.png"></button></td>  
      <td><button type ="button" id="1" onclick="opcionUsu2()"><img src="Papel.png"></button></td>  
      <td><button type ="button" id="2" onclick="opcionUsu3()"><img src="Tijeras.png"></button></td>  
      <td><button type ="button" id="3" onclick="opcionUsu4()"><img src="Lagarto.png"></button></td>  
      <td><button type ="button" id="4" onclick="opcionUsu5()"><img src="Spock.png"></button></td>  
  
    </tr>  
  
</table>  
  
<p><center><h2><div id="Resultado"/></center></h2></p>   
  
 <script type="text/javascript">  
  
              
  
      function opcionUsu1()  
  
      {  
  
        var Resultado = document.getElementById('Resultado');   
  
        alert ("Escogiste Piedra");  
        alert ("Que rockoso eres... Prefiero " + opciones[opcionMaquina]);  
  
          
        if (opciones[opcionMaquina] == "Papel" )  
  
        {  
          Resultado.innerHTML = "¡Perdedor! XD";    
  
        }  
  
        else if (opciones[opcionMaquina] == "Spock")  
  
        {  
          Resultado.innerHTML = "¡Loser! :,D";    
        }  
  
  
        else if (opciones[opcionMaquina] == "Piedra")  
  
        {  
          Resultado.innerHTML = "Las grandes mentes, piensan como piedras";   
        }  
  
        else   
  
        {  
          Resultado.innerHTML = "Perdi";  
        }  
  
      }  
  
    function opcionUsu2()  
  
      {  
      var Resultado = document.getElementById('Resultado');   
  
        alert ("Escogiste Papel");  
        alert ("Mi sabiduria dice que use en tu contra " + opciones[opcionMaquina]);  
  
  
        if (opciones[opcionMaquina] == "Lagarto" )  
  
        {  
          Resultado.innerHTML = "¡Perdedorsote!";    
  
        }  
  
        else if (opciones[opcionMaquina] == "Tijeras")  
  
        {  
          Resultado.innerHTML = "Ja ja ja ja... por eso dominaremos al mundo";    
        }  
          
  
        else if (opciones[opcionMaquina] == "Papel")  
  
        {  
          Resultado.innerHTML = "Ni tu ni yo";   
        }  
  
        else   
  
        {  
          Resultado.innerHTML = "Perdi";  
        }  
  
      }  
  
    function opcionUsu3()  
  
      {  
  
        var Resultado = document.getElementById('Resultado');   
  
        alert ("Escogiste Tijeras");  
        alert ("Yo escogí " + opciones[opcionMaquina]);  
  
  
        if (opciones[opcionMaquina] == "Piedra" )  
  
        {  
          Resultado.innerHTML = "¡Perdedor! Lol";    
  
        }  
  
        else if (opciones[opcionMaquina] == "Spock")  
  
        {  
          Resultado.innerHTML = "¿quien usa las Tijeras?... Spock";    
        }  
          
  
        else if (opciones[opcionMaquina] == "Tijeras")  
  
        {  
          Resultado.innerHTML = "o rayos... nadie gana";   
        }  
  
        else   
  
        {  
          Resultado.innerHTML = "Me has derrotado honorablemente";  
        }  
  
      }  
    function opcionUsu4()  
  
      {  
        var Resultado = document.getElementById('Resultado');   
  
        alert ("Escogiste Lagarto");  
        alert ("Prefiero " + opciones[opcionMaquina]);  
  
  
        if (opciones[opcionMaquina] == "Tijeras" )  
  
        {  
          Resultado.innerHTML = "¡Perdedor! XD";    
  
        }  
  
        else if (opciones[opcionMaquina] == "Piedra")  
  
        {  
          Resultado.innerHTML = "¡Perdedor! XD";    
        }  
          
  
        else if (opciones[opcionMaquina] == "Lagarto")  
  
        {  
          Resultado.innerHTML = "Ni tu ni yo \n ¿va de nuevo?";   
        }  
  
        else   
  
        {  
          Resultado.innerHTML = "Perdi";  
        }  
  
      }  
  
    function opcionUsu5()  
  
      {  
        var Resultado = document.getElementById('Resultado');   
  
        alert ("Escogiste a Spock");  
        alert ("Yo me voy por " + opciones[opcionMaquina]);  
  
  
        if (opciones[opcionMaquina] == "Lagarto" )  
  
        {  
          Resultado.innerHTML = "¡Perdedor! XD";    
  
        }  
  
        else if (opciones[opcionMaquina] == "Papel")  
  
        {  
          Resultado.innerHTML = "¡Perdedor! XD";    
        }  
          
  
        else if (opciones[opcionMaquina] == "Spock")  
  
        {  
          Resultado.innerHTML = "Ni tu ni yo \n ¿va de nuevo?";   
        }  
  
        else   
  
        {  
          Resultado.innerHTML = "He perdido contra un intelecto claramente superior... robare tu información personal... lol ";  
          alert("muajajajaja");  
        }  
  
      }  
  
 function maquina(minimo, maximo)  
{  
    var numero = Math.floor( Math.random() * (maximo - minimo + 1) + minimo );  
    return numero;  
}  
var Piedra = 0;  
var Papel = 1;  
var Tijera = 2;  
var Lagarto = 3;  
var Spock = 4;   
  
  
var opciones = ["Piedra", "Papel", "Tijera", "Lagarto", "Spock"];  
  
var opcionUsuario;  
var opcionMaquina = maquina(0,4);  
  
opcionUsuario = id["opcionUsu1()", "opcionUsu2()", "opcionUsu3()", "opcionUsu4()", "opcionUsu5()"];  
  
  
    </script>  
  
       
  
        
         </article>  
  
      </section>  
  
      <div>  
      </div>  
<footer> </footer>  
      </script>  
</body>

//reglas Big Bang Theory:  
//tijera le gana a papel  
//papel le gana a piedra  
//piedra le gana a lagarto  
//lagarto le gana a Spock  
//Spock le gana a tijera  
//tijera le gana a lagarto  
//lagarto le gana a papel  
//papel le gana a Spock  
//Spock le gana a piedra  
//y piedra le gana a tijera  
  
//Genera un número aleatorio entre un rango enteros  
function aleatorio(minimo,maximo)  
{  
    var numero = Math.floor(Math.random()*(maximo-minimo+1)+minimo);  
    return numero;  
}  
  
var piedra=0;  
var papel=1;  
var tijera=2;  
var lagarto=3;  
var Spock=4;  
var opciones =["Piedra", "Papel", "Tijera", "Lagarto", "Spock"];  
  
  
var opcionUsuario;  
var opcionMaquina=aleatorio(0,4);  
  
opcionUsuario = prompt("¿Qué eliges? \nPiedra:0\nPapel:1\nTijera:2\nLagarto:3\nSpock:4",0)  
alert("Jugador 1, eligiste "+opciones[opcionUsuario]);  
alert("JS eligió "+opciones[opcionMaquina]);  
if(opcionUsuario == opcionMaquina)  
{  
    alert("Empate!");  
}  
else if(opcionUsuario == tijera && (opcionMaquina == papel||opcionMaquina == lagarto)  
    || opcionUsuario == papel && (opcionMaquina == piedra||opcionMaquina == Spock)  
    ||opcionUsuario == piedra && (opcionMaquina == lagarto||opcionMaquina == tijera)  
    ||opcionUsuario == lagarto && (opcionMaquina == Spock||opcionMaquina == papel)  
    || opcionUsuario == Spock && (opcionMaquina == tijera||opcionMaquina == piedra)  
)  
{  
    alert("Ganaste!");  
}  
else if(opcionUsuario == papel && (opcionMaquina == tijera||opcionMaquina ==lagarto)   
    ||opcionUsuario == piedra && (opcionMaquina == Spock||opcionMaquina ==papel)   
    ||opcionUsuario == lagarto && (opcionMaquina == piedra||opcionMaquina ==tijera)  
    ||opcionUsuario == Spock && (opcionMaquina == lagarto||opcionMaquina ==papel)  
    || opcionUsuario == tijera && (opcionMaquina == piedra||opcionMaquina ==Spock)  
)  
{  
    alert("Perdiste!");  
}  
else  
{  
    alert("WTF?");  
}

//Genera un número aleatorio entre un rango de enter  
function numeroAleatoreo(minimo, maximo)  
{  
    var numero = Math.floor( Math.random() * (maximo - minimo + 1) + minimo );  
    return numero;  
}  
  
var piedra = 0;  
var papel = 1;  
var tijera = 2;  
var lagarto = 3;  
var spock = 4;  
  
var opcionesDelJuego = ["piedra", "papel", "tijera", "lagarto", "spock"];  
var opcionesMaquina = numeroAleatoreo(0,4);  
var opcionUsuario;  
var solucion;  
  
opcionUsuario = prompt("Selecciona tu jugada: \n Piedra: 0 \n Papel: 1 \n Tijera: 2 \n Lagarto: 3 \n Spock: 4", 0);  
  
alert("Elegiste: " + opcionesDelJuego[opcionUsuario] + " y la maquina eligió: " + opcionesDelJuego[opcionesMaquina]);  
  
var juego = [ [0,1,2,2,1],  
              [2,0,1,1,2],  
              [1,2,0,2,1],   
              [1,2,1,0,2],  
              [2,1,2,1,0]  ];  
solucion = juego[opcionUsuario][opcionesMaquina];  
  
if(solucion == 2){  
    document.write("Ganaste!");  
} else   
    if (solucion == 1) {  
        document.write("Perdiste!");  
  
}else   
    if (solucion == 0) {  
            document.write("Empate!");  
  
}

var piedra = "piedra";  
var papel  = "papel";  
var tijera = "tijera";  
  
var usuario = prompt("¿Qué eliges?\npiedra\npapel\ntijera", "tijera");  
var iA      = aleatorio(0,2);  
  
alert("Elegiste: "                          + usuario );  
alert("La inteligencia Artificial eligio: " + iA      );  
  
if (usuario == piedra  && iA == tijera) { alert("ganaste")  };  
if (usuario == papel   && iA == piedra) { alert("ganaste")  };  
if (usuario == tijera  && iA == papel ) { alert("ganaste")  };  
                                                               
if (usuario == piedra  && iA == papel ) { alert("perdiste") };  
if (usuario == papel   && iA == tijera) { alert("perdiste") };  
if (usuario == tijera  && iA == piedra) { alert("perdiste") };  
  
if (usuario == iA)                      { alert( "Empate" ) };  
  
if (usuario != piedra && usuario != papel && usuario != tijera) {  
    alert("Opcion invalida, escribe correctamente tu respuesta, todo en minusculas");  
};  
  
//funcion :)  
  
function aleatorio(minimo, maximo)  
{  
    var numero = Math.floor( Math.random() * (maximo - minimo + 1) + minimo );  
    if (numero == 0) {numero = "piedra" };  
    if (numero == 1) {numero =  "papel" };  
    if (numero == 2) {numero = "tijera" };  
    return numero;  
}

![](http://images.radiotimes.com/namedimage/Can_you_complete_the_Spock_quotes_.jpg?quality=85&mode=crop&width=620&height=374&404=tv&url=/uploads/images/original/71133.jpg)  
//COMO INNOVACIÓN AQUÍ INCLUIMOS AL MISMISIMO DIABLO.  
  
function aleatorio(minimo, maximo)  
{  
    var numero = Math.floor( Math.random() * (maximo - minimo + 1) + minimo );  
    return numero;  
}  
var piedra = 0  
var papel = 1  
var tijeras = 2  
var lagarto = 3  
var spock = 4  
var diablo = 5  
var opcion = ["Piedra", "Papel", "Tijeras", "lagarto", "Spock", "Diablo"];  
var opcionUsuario;  
var opcionBot = aleatorio(0,5);  
var opcionUsuario = prompt("Escoge seleccionando un número: \n 0 - Piedra \n 1 - Papel \n 2 - Tijeras \n 3 - Lagarto \n 4 - Spock", 0);  
alert("Elegiste " + opcion[opcionUsuario]);  
alert("Bot eligió " + opcion[opcionBot]);  
if (opcionUsuario == piedra)   
{  
    if (opcionBot == piedra)   
    {  
        alert("EMPATE");  
    }  
    else if (opcionBot == papel)  
    {  
        alert("PERDISTE");  
    }  
    else if (opcionBot == tijeras)   
    {  
        alert("GANASTE");  
    }  
    else if (opcionBot == lagarto)   
    {  
        alert("GANASTE");  
    }  
    else if (opcionBot == spock)   
    {  
        alert("PERDISTE");  
    }  
}  
else if (opcionUsuario == papel)   
{  
    if (opcionBot == piedra)   
    {  
        alert("GANASTE");  
    }  
    else if (opcionBot == papel)  
    {  
        alert("EMPATE");  
    }  
    else if (opcionBot == tijeras)   
    {  
        alert("PERDISTE");  
    }  
    else if (opcionBot == lagarto)   
    {  
        alert("PERDISTE");  
    }  
    else if (opcionBot == spock)   
    {  
        alert("GANASTE");  
    }  
}  
else if (opcionUsuario == tijeras)   
{  
    if (opcionBot == piedra)   
    {  
        alert("PERDISTE");  
    }  
    else if (opcionBot == papel)  
    {  
        alert("GANASTE");  
    }  
    else if (opcionBot == tijeras)   
    {  
        alert("EMPATE");  
    }  
    else if (opcionBot == lagarto)   
    {  
        alert("GANASTE");  
    }  
    else if (opcionBot == spock)   
    {  
        alert("PERDISTE");  
    }  
}  
else if (opcionUsuario == lagarto)  
{  
    if (opcionBot == piedra)   
    {  
        alert("PERDISTE");  
    }  
    else if (opcionBot == papel)  
    {  
        alert("GANASTE");  
    }  
    else if (opcionBot == tijeras)   
    {  
        alert("PERDISTE");  
    }  
    else if (opcionBot == lagarto)   
    {  
        alert("EMPATE");  
    }  
    else if (opcionBot == spock)   
    {  
        alert("GANASTE");  
    }  
}  
else if (opcionUsuario == spock)  
{  
    if (opcionBot == piedra)   
    {  
        alert("GANASTE");  
    }  
    else if (opcionBot == papel)  
    {  
        alert("PERDISTE");  
    }  
    else if (opcionBot == tijeras)   
    {  
        alert("GANASTE");  
    }  
    else if (opcionBot == lagarto)   
    {  
        alert("PERDISTE");  
    }  
    else if (opcionBot == spock)   
    {  
        alert("EMPATE");  
    }  
}  
  
if (opcionBot == diablo)   
{  
    alert("LE HAS VENDIDO EL ALMA AL DIABLO! MUAHAHAHA!")  
}  
if (opcionUsuario == diablo)   
{  
    alert("SABEMOS QUIEN ERES, Y NO ERES EL DIABLO. TRAMPOSO.")  
}  
else  
{  
    alert("¿!WTF IS WRONG WITH YOU NIGGA!?")  
}

function patito(minimo, maximo)  
{  
    var numero = Math.floor( Math.random() * (maximo - minimo + 1) + minimo );  
    return numero;  
}  
  
var piedra = 0;  
var papel = 1;  
var tijera = 2;  
var lagarto = 3;  
var spock = 4;  
var opciones = ["piedra","papel","tijera","lagarto","spock"];  
var opcionUsuario = prompt("¿Qué eliges?\n piedra = 0\n papel = 1\n tijera = 2\n lagarto = 3\n spock = 4", 0);  
var opcionMaquina = patito(0,4);  
  
if(opcionUsuario <= spock){  
  
        alert("Elegiste " + opciones[opcionUsuario]);  
        alert("Javascript eligió " + opciones[opcionMaquina]);  
  
        if(opcionUsuario == opcionMaquina){  
  
            alert("empate");  
  
        }else if(((opcionUsuario == piedra) && (opcionMaquina == tijera || opcionMaquina == lagarto)) ||  
            ((opcionUsuario == papel) && (opcionMaquina == piedra || opcionMaquina == spock)) ||  
            ((opcionUsuario == tijera) && (opcionMaquina == papel || opcionMaquina == lagarto)) ||  
        ((opcionUsuario == lagarto) && (opcionMaquina == papel || opcionMaquina == spock)) ||  
        ((opcionUsuario == spock) && (opcionMaquina == piedra || opcionMaquina == tijera))){  
  
            alert("ganaste");  
  
        }else{  
  
            alert("perdiste");  
        }  
  
    }else{  
  
        alert("error");  
    }

//Genera un número aleatorio entre un rango de enteros  
function aleatorio(minimo, maximo)  
{  
    var numero = Math.floor( Math.random() * (maximo - minimo + 1) + minimo );  
    return numero;  
}  
  
var piedra = 0;  
var papel = 1;  
var tijera = 2;  
  
var opciones = ["Piedra", "Papel", "Tijera"];  
  
var opcionUsuario;  
var opcionMaquina = aleatorio(0,2);  
  
opcionUsuario = prompt("¿Qué eliges?\nPiedra: 0\nPapel: 1\nTijera: 2", 0);  
  
alert("Elegiste " + opciones[opcionUsuario]);  
alert("Javascript eligió " + opciones[opcionMaquina]);  
  
if(opcionUsuario == opcionMaquina)  
    {  
        alert("Empate!");  
    }  
else if((opcionUsuario == piedra && opcionMaquina == papel) ||   
    (opcionUsuario == papel && opcionMaquina == tijera) ||   
    (opcionUsuario == tijera && opcionMaquina == piedra))  
    {  
        alert("Perdiste :( ");  
    }  
else if((opcionUsuario == papel && opcionMaquina == piedra) ||   
    (opcionUsuario == tijera && opcionMaquina == papel) ||   
    (opcionUsuario == piedra && opcionMaquina == tijera))  
    {  
        alert("Ganaste!!!");  
    }  
else  
    {  
        alert("¿Qué carajos pasó?");  
    }

OpcionUsuario = parseInt(OpcionUsuario);  
if(OpcionUsuario == OpcionMaquina)  
{  
alert("Empataron");  
} else if(OpcionUsuario - OpcionMaquina == 1 || OpcionUsuario - OpcionMaquina == -2)  
alert("Ganaste");  
} else {  
alert("Perdiste");  
}

// Variables de juego  
var usrOption;  
var macOption;  
// piedra = 0;  
// papel  = 1;  
// tijera = 2;  
var choices = [ 'Piedra', 'Papel', 'Tijera' ];  
var result  = [ '** EMPATE **','¡¡¡GANASTE!!!','Perdiste :) - Intentalo de nuevo' ];  
  
// Metodos  
function myRandom( min, max )  
{  
  return Math.floor( Math.random() * (max - min + 1) + min );  
}  
function validate( usr, mac ){  
  return ( usr == mac ) ? 0 : ( ( usr == 0 && mac == 2 ) || ( usr == 1 && mac == 0 ) || ( usr == 2 && mac == 1 ) ) ? 1 : 2;  
}  
  
// Ejecución  
macOption = myRandom( 0, 2 );  
usrOption = prompt ( '¿Que eliges?:\n\tPiedra: 0\n\tPapel: 1\n\tTijera: 2', 0 );  
  
  
alert( ( usrOption >= 0 && usrOption < 3 ) ? 'Has elegido: ' + choices[ usrOption ] +  
                                           '\nLa máquina : ' + choices[ macOption ] +  
                                           '\n\t' + result[ validate( usrOption, macOption ) ] :   
                                           'Tu elección no es válida' );

if (edad > 6 && edad < 12) alert("Eres un niño");  

else if (edad >= 12 && edad < 18) alert("Eres un adolescente");  

else if (edad >= 18 && edad < 31) alert("Eres un joven");  

else if (edad >= 31 && edad < 60) alert("Eres un adulto");  

else if (edad >= 60 alert ("Eres un adulto mayor");  

else alert ("Tu debes de ser un bebé no mayor de 6 años");

Piedra, papel y tijera con Javascript

Bienvenido

Aprender a programar es fácil

La Web con Visión Profesional

Aprende sobre Algoritmos

Condicionales y operadores en programación

Qué lenguaje de programación aprender primero

Material del curso / Archivos del curso

Introducción básica a HTML y Javascript para programar

Uso del sistema de vídeo y notas

Lenguajes y compiladores

HTML y Javascript

Variables y funciones

Piedra, papel y tijera con Javascript

Variables, Matrices y Objetos en Javascript

Escribir HTML desde JS (document.write)

Matrices

Juego campo minado

Objetos del navegador

Objetos en JS

Preguntas

Ciclos y Dibujos con Canvas

Ciclos

Dibujos con canvas

Dibujar con eventos

Preguntas y respuestas

Programando juegos con canvas

Tipos de imágenes

Insertar imágenes en canvas

Dibujo de múltiples imágenes en canvas

Dibujar al enemigo y controlar a Diana

Sesión de preguntas y respuestas

Uso de Objetos, Prototype y juego de ahorcado en Canvas

Objetos en JavaScript con Prototype

Creando el juego del Ahorcado

Dibujo de un ahorcado usando Canvas

Sesión de preguntas y respuestas

Cómo crear un algoritmo para el juego del ahorcado

Extendiendo la funcionalidad de los Strings

Creando nuestro algoritmo para el juego del ahorcado

Sesión de preguntas y respuestas

Pregúntale a Freddy lo que quieras ... acerca de programación ;)

Todo lo que siempre quisiste saber sobre este curso y no te atrevías a preguntar - Parte 1

Todo lo que siempre quisiste saber sobre este curso y no te atrevías a preguntar - Parte 2

Conceptos básicos de programación: Frontend-Backend

¿Qué es Frontend y Backend?

Ejemplo de un login usando POST y GET

Ejemplo de un login usando AJAX

Sesión de preguntas y respuestas

Crea tu primer servidor web con Node.JS

Instalación de Node.js

Instalación de librerías de Node con npm

Modelo cliente servidor y seguridad web básica

Servidor web con Express y Node.js

Formulario de login con Node.js

Sesión de preguntas y respuestas

Aprende a volar un dron con Javascript

Introducción a los drones

Bases de Node.js para drones

Vuela un dron con Node.js

Sesión de preguntas y respuestas

Complementos del curso

Publica tu sitio web usando GitHub Pages