main.js

index.html

style.css

Run

// Step 1: Setup Choices
const choices = ["🪨", "📄", "✂️"];

// Step 2: Get Elements
const rockBtn = document.getElementById("rockBtn");
const paperBtn = document.getElementById("paperBtn");
const scissorsBtn = document.getElementById("scissorsBtn");

const playerMove = document.getElementById("playerMove");
const computerMove = document.getElementById("computerMove");
const result = document.getElementById("result");

// Step 3: Create the Game Function
function playGame(playerChoice) {
  const computerChoice = choices[Math.floor(Math.random() * 3)];

playerMove.textContent = "You chose: " + playerChoice;
  computerMove.textContent = "Computer chose: " + computerChoice;

// Step 3: Compare choices and display result
  if (
    (playerChoice === "🪨" && computerChoice === "✂️") ||
    (playerChoice === "📄" && computerChoice === "🪨") ||
    (playerChoice === "✂️" && computerChoice === "📄")
  ) {
    result.textContent = "You win! 🎉";
  } else if (playerChoice === computerChoice) {
    result.textContent = "It's a tie! 🤝";
  } else {
    result.textContent = "You lose! 😢";
  }
}

// Step 4: Connect Buttons
rockBtn.onclick = function() {
  playGame("🪨");
};

paperBtn.onclick = function() {
  playGame("📄");
};

scissorsBtn.onclick = function() {
  playGame("✂️");
};

Console

Click RUN to execute project