by Laurence Svekis | Publisher: Packt Publishing | Release Date: April 2019 | ISBN: 9781838820749

Explore and practice how you can manipulate the DOM using JavaScriptAbout This VideoBasic JavaScript knowledge is required as the course covers only JavaScript features relevant to building gamesHTML and CSS knowledge is essential as this course focuses mainly on JavaScriptIn DetailIn 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 querySelectorAdding event listeners to elementsCreating elements on the fly using JavaScriptUpdating element inputs and divAdding options to a select input dynamically using JavaScriptRemoving elements from a pageIterating array data and using it within applicationsApplying logic to create interactive contentAdding and removing element classesDownloading the example code for this course: You can download the example code files for this course on GitHub at the following link: https://github.com/PacktPublishing/JavaScript---DOMinator-project. If you require support please email: [email protected]

1. Chapter 1 : Introduction to applying JavaScript to create DOM interactive project
   • DOMinator Course Introduction 00:02:17
2. Chapter 2 : DOM interaction Application DOMinator
   • Element Selection using JavaScript 00:02:52
   • Element Events adding element interaction JavaScript 00:03:57
   • Element Manipulate Content update element JavaScript 00:02:54
   • Element Updater select and change properties JavaScript 00:06:34
   • How to Add Remove Classes with JavaScript dynamically 00:02:23
   • More Classes DropDown JavaScript 00:06:45
   • More Elements in DropDown add and update form inputs 00:05:22
   • DropDown Builder creating select options dynamically with JavaScript 00:07:39
   • JavaScript Add New Elements 00:03:18
   • Create Element Dynamically 00:03:12
   • Element Remover deleting elements from your web page 00:04:14
   • DOMinator Code Review apply JavaScript 00:08:08