JSFiddle - React, Tailwind, and code Playground

by wrxsti85

HTML

<label><b>Player 1</b></label><br />
<label>Rock</label><input type="radio" name="choice1" value="rock" /><br />
<label>Paper</label><input type="radio" name="choice1" value="paper" /><br />
<label>Scissors</label><input type="radio" name="choice1" value="scissors" /><br />
<br /><br /><br />
<label><b>Player 2</b></label><br />
<label>Rock</label><input type="radio" name="choice2" value="rock" /><br />
<label>Paper</label><input type="radio" name="choice2" value="paper" /><br />
<label>Scissors</label><input type="radio" name="choice2" value="scissors" /><br />
<br /><br /><br />
<button>Play!</button>

JavaScript

$(function(){

    $('button').click(function(){
         
        player1choice = $('input[name=choice1]:checked').val();
        player2choice = $('input[name=choice2]:checked').val();
            
        if(player1choice == "paper"){
            if(player2choice == "paper"){
                alert("Its a tie!");
            }
            else if(player2choice == "rock"){
                alert("Paper Wins!");
            }  
            else{
                alert("Scissors Wins!");
            }
        }     
        
        else if(player1choice == "rock"){
            if(player2choice == "rock"){
                alert("Its a tie!");
            }
            else if(player2choice == "scissors"){
                alert("Rock Wins!");
            }  
            else{
                alert("Paper Wins!");
            }
        }    
        
        else{
            if(player2choice == "rock"){
                alert("Rock Wins!");
            }
            else if(player2choice == "scissors"){
                alert("Its a tie!");
            }  
            else{
                alert("Scissors Wins!");
            }
        }
        
        
    });

});