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
  • Explore JavaScript Document Object Model

This course covers applying JavaScript to create a simple DOM based game. Explore how to create a game structure and create a sequence of events manipulating and updating elements to provide game play

Course will demonstrate using the below within a simple web application

Element selection querySelector() and querySelectorAll()

Use of JavaScript methods for positioning and element dimensions getBoundingClientRect()

Use of JavaScript objects to hold data

Adding event listeners for player interaction addEventListener()

Manipulating element style attributes

Creating animations requestAnimationFrame()

Using JavaScript to create Elements on the fly createElement()

Adding created elements to visible page appendChild()

Use of JavaScript Math()

All the codes and supporting files for this course are available at:

Style and Approach

Step by step lessons - source code included

  • Learn and explore how to apply JavaScript to create a game
  • Learn and explore JavaScript Document Object Model
Course Length 1 hour 1 minute
ISBN 9781838822927
Date Of Publication 24 Apr 2019


Laurence Svekis

Laurence Svekis is an instructor. He has 18+ years' work experience in web development, providing smart digital solutions online for both small and enterprise-level businesses. An experienced web application developer, he has worked on multiple enterprise-level applications, hundreds of websites and business solutions, and many unique and innovative web applications. His web application development areas of expertise include HTML, CSS, JavaScript, JQuery, Bootstrap, PHP, and MySQL—in short, anything to do with web creation and digital experience. He is passionate about everything to do with web application development and programming to online marketing with a strong focus on social media and SEO.