Implement some useful and advanced DOM manipulations 🏅
Traversing and Manipulating the DOM with VanillaJS
A minimalistic HTML document manipulation and traversal javascript library using a jQuery-like syntax.
Here is a tiny application with quite some verbose code because I wanted to practice what I learned and use different alternatives related to JavaScript and DOM traversal. Indeed, I used most of the crucial fundamentals needed to work with elements and manipulate a page whilst it's running in the browser.
Find the most recent HTML DOM element with an id= attribute
Adaptation of a vanilla JavaScript mini-project taken from a Traversy Media video tutorial. Practices involved: remembering to use toUpperCase() when building search bar input elements, traversing the DOM, using indexOf() > -1 to implement search functionality, a 'for' loop and an 'if/else' conditional statement
Modified version of a simple vanilla JavaScript booklist app built using object-oriented code. Practices involved: JS classes, validation alerts, local storage, traversing the DOM and arrow function syntax
React Playground for third-party React Component.
Typescript DOM Crash Course
play around with DOM manipulation in jQuery
Code Institute jQuery events unit demo code
Reaction game built using vanilla JavaScript by coding along to project tutorials and walkthroughs from Learn JavaScript Fast: https://learnjavascriptfast.com/project-a-simple-javascript-reaction-game/
Code Institute IFD jQuery Events module
The basic DOM methods and operators are practiced. For the results go to the browser console.
An expanded version of a Traversy Media weight converter app. Using Bootstrap classes in the UI, this multi-unit conversion tool combines JavaScript 'if/else' conditional statements with the addEventListener() and setTimeout() methods to achieve a slim, uncluttered feel, resulting in a smooth and efficient user experience.
Completion of the front end of registration form, including fixes of responsive design and added validation functionality to form inputs.
Add a description, image, and links to the dom-traversal topic page so that developers can more easily learn about it.
To associate your repository with the dom-traversal topic, visit your repo's landing page and select "manage topics."