Book Image

JavaScript - DOMinator project [Video]

By : Laurence Svekis
Book Image

JavaScript - DOMinator project [Video]

By: Laurence Svekis

Overview of this book

<p>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.</p><p>This course covers the following:</p><p>• Element selection using querySelector</p><p>• Adding event listeners to elements</p><p>• Creating elements on the fly using JavaScript</p><p>• Updating element inputs and div</p><p>• Adding options to a select input dynamically using JavaScript</p><p>• Removing elements from a page</p><p>• Iterating array data and using it within applications</p><p>• Applying logic to create interactive content</p><p>• Adding and removing element classes</p><p>All the code and supporting files for this course are available at https://github.com/PacktPublishing/JavaScript---DOMinator-project</p>
Table of Contents (2 chapters)
Chapter 2
DOM interaction Application DOMinator
Content Locked
Section 9
JavaScript Add New Elements
DOM interaction Application DOMinator: JavaScript Add New Elements