For Morning Exercise, we will build Rock-Paper-Scissors to practice using JavaScript and implementing more complex logic.
You will need to design logic for the game so that one person can play against the computer multiple times and update a scoreboard that will keep track of how many wins each "player" has.
Note: I did not design the HTML and CSS for this exercise.
The flow of this app should be:
- User selects Rock, Paper, or Scissors by clicking on a button.
- After clicking a button for either Rock, Paper, or Scissors several things need to happen in your JS file
- The user's selection must be stored so it can be compared later to the computer's selection
- The computer must make it's selection. To do this, generate a random number and use an if/else statement to "choose" either Rock, Paper, or Scissors
- Compare the two choices to determine a winner and then...
- Display the winner's "name" on the screen
- Display which "value" each side chose
- Update the scoreboard that shows how many times each player (human or computer) has won
- Now that the first game has been resolved, the user can make another selection that will clear out the winner text from Step 2.3 and start the process over again
generate a random img inside random-img class