chadsmith12 / pure-javascript-examples

Small examples of ways you can use pure javascript to interact with the dom without the use of jQuery.

Pure Javascript Examples

This repository contains different examples of using pure javascript to interact with the dom. The goal is to provide different ways that you can interact with th dom without the need of jQuery.

Curent Examples

• traversing-dom - Provides examples of different ways on how you can move up or down the dom.
• creating-elements - Provides example of how you can create an element in javascript and append it to the dom.
• modify-replace-elements - Provides examples of how you Modify, Replace, and Remove elements and attributes in Javascript.
• event-listeners - Provides examples of the event object in javascript and adding event listeners.
• mouse-events - Provides examples of the different mouse events in javascript.
• input-events - Provides examples of the input/keyboard events in javascript.
• event-bubbling - Provides examples and explains event bubbling and delegating in javascript.
• local-session-storage - Provides example of using the local storage and session storage api in javascript.
• constructors-this - Provides example basic constructors and this keyword usage in constructors using ES5.
• built in constructors - Provides examples of built in constructors for String, Number, Object, Function, and more. Shows difference between object and primitive types.
• prototypes - Provides examples of Object Prototypes and adding methods to an objects prototype.
• prototypical-inheritance - Provides examples of inheritance in javascript using prototypes.
• object-create - Provides examples of ways you can create objects using Object.create.
• es6-classes - Provides examples of creating objects using classes in ES6.
• es6-inheritance - Provides examples of inheriting/extending from classes in ES6.
• xhr-objects-text - Provides example of working with a pure XHR Object in JavaScript (without the fetch API yet) to load in a text file.
• ajax-json - Provides example of working with JSON data from an XHR Object. Including a single JSON Object, and an array of JSON objects.
• fetch-api - Provides example of working with the new fetch API instead of an XMLHttpRequest object, and working with promises.
• regex-evalating functions - Provides example of how you can evaluate regex.
• regex-metacharacters- Provides different examples of some basic regex metacharacters and rules and what they mean.