JavaScript Arrays 2 Downloadable Source Code Guides code examples

Clear Array of Duplicates and empty values const arr = [‘Laurence’,’Jack’,’Jane’,”,,,,’Sam’,’Laurence’,’Jack’,’Jane’,”,null,false,undefined,0,’Sam’]; console.log(arr); const arr1 = [… new Set(arr)]; console.log(arr1); const arr2 = arr.filter(Boolean); console.log(arr2); const arr3 = [… new Set(arr.filter(Boolean))]; console.log(arr3); How to loop through an array const arr = [‘Laurence’,’Linda’,’Joe’,’Jane’]; console.log(arr); console.log(‘****FOR’); for(let i=0;i<arr.length;i++){    console.log(arr[i]); } console.log(‘****WHILE’); let i=0; while(i<arr.length){    console.log(arr[i]);    i++; } console.log(‘****ForEach’); … Read more

Free JavaScript DOM eBook 3 days only

Learn JavaScript DOM Create Dynamic and Interactive Web Pages Kindle Free Ebook for the next 3 days please note that Kindle is location dependant go the Amazon page for your country.

Updated AJAX Course Content AJAX for beginners explore JavaScript Requests to APIs

New course updates learn AJAX https://www.udemy.com/course/ajax-bootcamp-learn-asynchronous-javascript-and-xml/?referralCode=3B098389348B2D76C962 AJAX requests with JavaScript coding examples Explore AJAX and how you can use AJAX to connect to web API endpoints and get Data. Load JSON data from external sources with JavaScript. XHR object and modern JavaScript fetch to make requests Example of how AJAX can be used to update … Read more

JavaScript DOM element Collision detection How to check for overlap between Page elements

Learn JavaScript FULL Course 9 hours+ lifetime access HD videos https://www.udemy.com/course/javascript-mini-projects/ JavaScript Projects JS Dynamic interactive DOM elements Perfect to practice and learn more about JavaScript and DOM interactions create useful components and more JavaScript DOM element Collision detection How to check for overlap between Page elements The overlap of elements is what can be … Read more

Learn JavaScript DOM element update create a Game  Element Catcher Part 3 Final Game

Learn JavaScript FULL Course 11 hours+ https://www.udemy.com/course/javascript-dom-js/ JavaScript DOM Projects InterActive Dynamic WebPages Games JavaScript DOM makes your web pages interactive and dynamic update page elements add event listeners create Games JS DOM Learn JavaScript DOM element update create a Game  Learn JavaScript DOM element update create a Game  Element Catcher Part 3 Final Game … Read more

Learn JavaScript Code exercise create a Page Slider with JavaScript

Slider from Dynamic Elements using JSON data Using JSON data, load the json file when the DOM content is loaded.  Create the page slides dynamically with JavaScript code.  Add interaction to navigate between slides listening for clicks on the buttons. JSON slides navigate slides with JavaScript Exercise : Select the main slider element as a … Read more

Learn JavaScript Coding example AJAX from JSON file PromiseALL multiple fetch requests to array URLs

Learn JavaScript Coding example AJAX from JSON file PromiseALL multiple fetch requests to array URLs Learn JavaScript Coding example AJAX from JSON file PromiseALL multiple fetch requests to array URLs AJAX JavaScript Fetch with PromiseAll Method for multiple URLs Exercise lesson to practice making fetch requests, using async and await with fetch and also how … Read more

Learn JavaScript Free PDF Guide Source code 6 exercises included

DOM create Page elements adding style Create interactive elements that can store the current color value input an array, for later use.  Also creates buttons to update the body background color to the value of the button text.  Color style and events with Dynamic Elements DOM. Page elements Events and Style Exercise : Using JavaScript … Read more

Dynamic Page Counters Coding Exercise JavaScript How to Challenge Learn to Code

Dynamic JavaScript DOM page counters Element Objects examples Dynamically create page buttons that can be used to count totals separately.  Create a button to output all the result totals.  Only using JavaScript NO HTML elements Dynamic Page counters with JavaScript : Create a global object to set the number of buttons to be created Create … Read more