Advertisement
Published in:
2010 | OriginalPaper | Chapter
Rock, Paper, Scissors
Activate our intelligent search to find suitable subject content or patents.
Select sections of text to find matching patents with Artificial Intelligence. powered by
Select sections of text to find additional relevant content using AI-assisted search. powered by
In this chapter, you learned how to implement a familiar game using features of HTML5, JavaScript, and CSS, along with general programming techniques. These included
styles, in particular the font-family property
form and input fields for displaying the score
event handling using addEventListener for the mouse click event
animation using setInterval and clearInterval
audio elements for sound and source elements for working with different browsers
getElementByTagname and play for specific control of audio clips
programmer-defined objects for drawing programmer-created buttons on the screen, with logic for determining if the mouse cursor was clicked on a specific button
arrays of arrays for game rules
The next chapter describes another familiar, childhood game: Hangman. It combines techniques of drawing on canvas and creating HTML elements using code that you have learned in previous chapters along with some new CSS and JavaScript features.