The Essential Guide to HTML5: Using Games to Learn HTML5 and JavaScript

© The Author(s), under exclusive license to APress Media, LLC, part of Springer Nature 2023

J. MeyerThe Essential Guide to HTML5https://doi.org/10.1007/978-1-4842-8722-4_8

8. Rock, Paper, Scissors

Jeanine Meyer¹  

(1)

Purchase, NY, USA

 

In this chapter, we cover the following:

• Playing against a computer

• Creating graphics to serve as buttons

• Arrays of arrays for game rules

• The font-family property

• Inherited style settings

• Audio

Introduction

This chapter combines programming techniques with HTML5 JavaScript features to implement the familiar rock-paper-scissors game. In the schoolyard 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 ...