Build a Dynamic and Interactive Element Catcher Game Using JavaScript [Video]

More Information
  • How to use JavaScript
  • How to create elements dynamically
  • Manipulate elements using JavaScript
  • Work with the JavaScript Document Object Model

This course will help you get to grips with using JavaScript to create a simple DOM-based game. You’ll explore how you can design the game structure and create a sequence of events by manipulating and updating elements to develop gameplay.

The course demonstrates how to use the following features in a simple web application:

• Element selection with querySelector() and querySelectorAll()

• JavaScript methods for positioning and element dimensions - getBoundingClientRect()

• JavaScript objects to hold data

• Adding event listeners for player interaction using addEventListener()

• Manipulating element style attributes

• Creating animations using requestAnimationFrame()

• Using JavaScript to create elements on the fly with createElement()

• Adding created elements to a visible page using appendChild()

• Explore the use of JavaScript Math()

All the code and supporting files for this course are available at

  • Learn how to apply JavaScript to create a game
  • Explore the JavaScript Document Object Model (DOM)
Course Length 1 hour 1 minute
ISBN 9781838822927
Date Of Publication 25 Apr 2019