javascript - Rock Paper Scissors coding challenege

Question

I'm trying to make a Rock Paper Scissors coding challenge for myself, and I got a simple version with a text box, so no I'm trying to make it with buttons, I have made it very far through, I'm just on the last step.

So what I want to do is take the info from the rock(), paper(), and scissors() functions and go further

This is what I have so far

var playerInput = "blank"
    
function rock(playerInput) {
    this.playerInput = playerInput; 
    playerInput = "rock";
}

function paper(playerInput) {
    this.playerInput = playerInput; 
    playerInput = "paper";
}

function scissors() {
    this.playerInput = playerInput; 
    playerInput = "scissors";
}

and what I want to do from there is take it into another function where I have already created the game itself.

I've tried

var rock = rock();
console.log(rock.playerInput);

and it didn't work please help.

Answer 1

Here's a super useful example on how to tackle the Rock, Paper, Scissors game logic using buttons.

Besides that, you don't need multiple functions, programming is not about copy/pasting code around a file, but to determine the characteristics we can reuse.

Use data-* attributes to store the figure index:

function play() {
  const player = Number(this.dataset.player); // Get 0, 1, 2 from button data-player
  const computer = Math.floor(Math.random() * 3); // Generate random 0, 1, 2 integer
  console.log(`PLAYER: ${player} COMPUTER:${computer}`);

  // Game logic goes here
}

const buttons = document.querySelectorAll("[data-player]");

buttons.forEach(function(el) {
  el.addEventListener("click", play);
});

<button data-player="0" type="button">ROCK</button>
<button data-player="1" type="button">PAPER</button>
<button data-player="2" type="button">SCISSORS</button>