Switch to the store?

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

Create an input form - have it update your page elements - 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. Create a web interface to select and update elements from the webpage. Add and remove elements using the form input and select options. Demonstrates how to apply DOM manipulation, make element selection all while creating a fun interactive web application.

Course Covers

  • Element selection using querySelector
  • Adding event listeners to elements
  • Creating element on the fly using JavaScript
  • Updating element inner contents inputs and divs
  • adding options to a select input dynamically using JavaScript
  • Removing elements from the page
  • Iterating array data and using it within applications
  • Applying logic to create interactive content
  • Add and remove element classes

All the code and supporting files for this course are available at https://github.com/PacktPublishing/JavaScript---DOMinator-project

Style and Approach

Learn to create a dynamic interactive web application to update DOM elements, add toggle classes, create new elements dynamically and remove elements.

  • Beginner JavaScript knowledge is required as the course covers only JavaScript relevant to the building of the game.
  • HTML and CSS knowledge is essential as the scope of this course is all JavaScript-focused.
Course Length 59 minutes
ISBN 9781838820749
Date Of Publication 25 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.