Chapter 8. Rock, Paper, Scissors

Rock, Paper, Scissors
  • playing against a computer

  • creating graphics to serve as buttons

  • arrays of arrays for game rules

  • the font-family property

  • inherited style settings

  • audio


This chapter combines programming techniques with HTML5 JavaScript features to implement the familiar rock-paper-scissors game. In the school yard version of this game, each player uses hand symbols to indicate one of the three possibilities: rock, paper, or scissors. The terminology is that a player throws one of the three options. The game rules are stated this way:

  • Rock crushes scissors.

  • Paper covers rock.

  • Scissors cuts paper.

So each symbol beats one other ...

Get The Essential Guide to HTML5: Using Games to Learn HTML5 and JavaScript now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.