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>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="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>
<input type="button" value="Rock" onclick="jugar('piedra')" >
<input type="button" value="Paper" onclick="jugar('papel')" >
<input type="button" value="Scissors" onclick="jugar('tijera')" >
<h2 id="mensaje0" > </h2>
<h2 id="mensaje1" > </h2>
<h2 id="mensaje2" > </h2>
</form>
</body>
</html>
Taránnnnn tenemos este resultado
Aquí les comparto un poco de lo que hice, espero les sirva.
Curso Práctico de JavaScript
COMPARTE ESTE ARTÍCULO Y MUESTRA LO QUE APRENDISTE
