JSFiddle - React, Tailwind, and code Playground

by Siddharth Motwani

HTML

rock = 1
paper = 2
scissors = 3
<input type="text" name="input1">

</input>
<button name="button1" onclick="myFunction()">Go</button>

JavaScript

function myFunction() {
     var input;
    var inputValue = document.getElementsByName('input1')[0].value;
     inputValue = inputValue.toLowerCase();
     var cpu = Math.floor(Math.random() * 6) + 1;
     
      if (inputValue == "rock") {
          input= 1;
     }
     else if(inputValue == "paper") {
          input = 2;

     }
     else if(inputValue == "scissors") {
          input = 3;

     } else {

         alert("Invalid Input!");
     }
if ((input == 1)&&(cpu == 3)) {
         alert("You Win!");

     }
     else if((input == 2) &&(cpu == 1)) {
         alert("You Win!");

     }
     else if((input == 3) &&(cpu == 2)) {
         alert("You Win!");

     }
     else if((input == 1) && (cpu == 3)) {
         alert("You Win!");

     } else {

         alert("you lose!");
     }     
 
 }