Rock Paper Scissors game Help.

Question

I’m trying to make Rock Paper Scissors game, and before I go any further, I need help taking care of this problem.
JS/
The go_btn is the button that says ‘ROCK’.
This is how the game goes.
You click ‘ROCK’, and then at the bottom the emojis say Paper Scissors Shoot (with rotating motion).
On shoot you have to pick your weapon (the three emojis at the top).
But the ‘ROCK’ button is causing problems.
The more you click on it, the score keeps adding more than one (+1, +1, +2, +3...)

I’m not sure how to...
https://code.sololearn.com/Wo4uSXbgnm5T/?ref=app

Answer 1

the reason is that your rock, paper, scissors add event listener in play()

so when player clicked go_btn, it adds the event listener multiple times, so after say 3 clicks of go_btn, one click of paper will become playing paper for three times.

solution is to take those three addEventListener out of play(), a good place is below go_btn addEventListener

Answer 2

default display none

in play(), set style.display

Answer 3

use random syntax

Answer 4

I didn’t finish my thought:
I’m not even sure how we would fix that. I feel like I’m expecting too much.

Answer 5

Gordon Yeah, I could pit it outside, but
I want it to be like...
You can’t press on the options (rock, paper, sciss..), befoe clicking the ‘ROCK’ button.

have to click on ‘ROCK’ everytime before it you can click on the options (rock, paper, sc...)

Answer 6

Gordon , display the buttons, none| block, when ‘ROCK’ clicked?

Answer 7

yes, in css, display none

in button event listener, set their style.display block (or other appropriate value)

Answer 8

Check this men
https://code.sololearn.com/cgDhpLufWanI/?ref=app

Answer 9

https://code.sololearn.com/ccHdhgoKlLtV/?ref=app
It can help you

Answer 10

Leandro Blandi , Anay Sah :
i kind of know how to do that, but this is a little different.
..