Juega Piedra Papel o Tijera

6585

Crear la estructura de HTML que muestra las opciones de piedra, papel y tijeras para que usuario seleccione con lo que desee jugar, y se definen las etiquetas h2 para mostrar los resultados. También, se hace llamado al la función juego y se pasa la opción seleccionada por el usuario.


<htmllang="en">
<head>
    <metacharset="UTF-8">
    <metaname="viewport"content="width=device-width, initial-scale=1.0">
    <scriptsrc="gamesps.js">script>
    <title>Rock, Paper & Scissorstitle>
head>
<body>
    <form >
        <h1> Rock, Paper & Scissors Gameh1>
        <h2> Selecciona la opción a participarh2>
        <inputtype="button"value="Rock"onclick="jugar('piedra')"  >
        <inputtype="button"value="Paper"onclick="jugar('papel')" >
        <inputtype="button"value="Scissors"onclick="jugar('tijera')" >
       <h2id="mensaje0" >h2> 
       <h2id="mensaje1" >h2> 
       <h2id="mensaje2" >h2>  
    form>
body>
html>

Crear el archivo gamesps.js aquí se define el parámetro que corresponde a la opción del jugador (jug1), mismo que se envío como argumento a través del evento click y que llama a la función. Se genera de forma aleatoria la opción de la pc, posteriormente se comparan las diversas posibilidades y se define al ganador, bajo las reglas de este conocido juego.
Finalmente es integran los resultado en el documento HTML, de la etiqueta h2.

<!DOCTYPE html><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width, initial-scale=1.0"><scriptsrc="gamesps.js"></script><title>Rock, Paper & Scissors</title></head><body><form ><h1> Rock, Paper & Scissors Game</h1><h2> Selecciona la opción a participar</h2><inputtype="button"value="Rock"onclick="jugar('piedra')"  ><inputtype="button"value="Paper"onclick="jugar('papel')" ><inputtype="button"value="Scissors"onclick="jugar('tijera')" ><h2id="mensaje0" ></h2><h2id="mensaje1" ></h2><h2id="mensaje2" ></h2></form></body></html>