rock-paper-scissors

These instructions were borrowed from TheOdinProject.

Introduction

We're going to make a simple implementation of the grade-school classic "rock paper scissors". If you don't know what that is, check the Wikipedia article or this step-by-step.

For the moment we're just going to play the game from the browser console. In the future, we'll look at adding a front-end!

Project files

We'll use JavaScript in the browser for this assignment, so your workflow will be slightly different from how we've used JavaScript previously.

• index.html

  • Blank HTML file that includes an external JavaScript file, game.js
  • If you want to learn more about including JavaScript to your page, check out this link

• game.js

  • Add all of your JavaScript code here!

Your game is going to be played completely from the console, so don't worry about putting anything else in index.html.

Working with JavaScript in the browser

Make changes to game.js and save them. I've just added a "Hello, world!" console.log statement.

Open up index.html in a web browser and then open up the browser’s console by right-clicking on the blank webpage and selecting “Inspect” or “Inspect Element”.

In the ‘Developer Tools’ pane find and select the ‘Console’ tab, where you should see the output of game.js.

Assignment instructions

1. Your game is going to play against the computer, so begin with a function called computerPlay that will randomly return either 'Rock', 'Paper' or 'Scissors'. We'll use this function in the game to make the computer's play.
2. Write a function that plays a single round of Rock Paper Scissors. The function should take two parameters - the playerSelection and computerSelection - and then return a string that declares the winner of the round like so: "You Lose! Paper beats Rock"

   1. Make your function case insensitive (so users can input rock, ROCK, RocK or any other variation)

   2. Important note: you want to return the results of this function call, not console.log() them. To test this function console.log the results:

      function playRound(playerSelection, computerSelection) {
        // your code here!
      }
      
      const playerSelection = 'rock'
      const computerSelection = computerPlay()
      console.log(playRound(playerSelection, computerSelection))

      ​

3. Write a NEW function called game(). Use the previous function inside of this one to play a 5 round game that keeps score and reports a winner or loser at the end.
   1. At this point you should still just be using console.log() to display the results of each round and the winner at the end.
   2. Use prompt() to get input from the user. Read the docs here if you need to.
   3. Feel free to re-work your previous functions if you need to. Specifically, you might want to change the return value to something more useful.
   4. Feel free to create more "helper" functions if you think it would be useful.