JavaScript - DOMinator project [Video]

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

In this course, you’ll learn how to create an input form to update your page elements and have fun while learning element selection and manipulation. The DOMinator is a set of input fields with buttons that connect to page elements allowing you to update the content and add classes. You’ll be able to create a web interface to select and update elements from the webpage and understand how to use the form input and select options to add and remove elements. This course demonstrates how to apply the Document Object Model (DOM) manipulation and make element selection as you create a fun interactive web application.

This course covers the following:

• Element selection using querySelector

• Adding event listeners to elements

• Creating elements on the fly using JavaScript

• Updating element inputs and div

• Adding options to a select input dynamically using JavaScript

• Removing elements from a page

• Iterating array data and using it within applications

• Applying logic to create interactive content

• Adding and removing element classes

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

  • Basic JavaScript knowledge is required as the course covers only JavaScript features relevant to building games
  • HTML and CSS knowledge is essential as this course focuses mainly on JavaScript
Course Length 0 hours 59 minutes
ISBN 9781838820749
Date Of Publication 26 Apr 2019