JavaScript Image Gallery and Dynamic Image Gallery using page classes or create page elements on the fly with code

Here is an example of a JavaScript image gallery maker that creates a simple image gallery with prev/next buttons to navigate through the images: <div id=”gallery”>   <img src=”image1.jpg” id=”current-image”>   <button id=”prev-button”>Prev</button>   <button id=”next-button”>Next</button> </div> <script>   var images = [“image1.jpg”, “image2.jpg”, “image3.jpg”, “image4.jpg”];   var currentIndex = 0;   var gallery = document.getElementById(“gallery”);   var currentImage = document.getElementById(“current-image”);   var … Read more

How to add Fade Out and Fade in to page elements pure JavaScript

Learn how to apply fade in and fade out effects to HTML page elements with pure JavaScript code. Select and create new page elements dynamically with code, add event listeners and have the page elements fade in and fade out once the event is triggered. How to append and add new page elements with JavaScriptHow … Read more

Last Chance 2022 for the TOP course Deals

Use the Promo Code LAST22DEAL to get the best possible price – Hurry this deal is limited for the next 4 days only. Front-end web developer Modern HTML CSS JavaScript coding Quick Starting guide for Web design covering all the modern coding syntax for HTML CSS and JavaScript and JavaScript DOM https://www.udemy.com/course/web-design-html-css-js/?couponCode=LAST22DEAL JavaScript DOM Projects … Read more

Did you miss Course Deals on Cyber Monday Second Chance oFFER Top courses of 2022

Top courses for 2022 and updated courses below: Use the promo code SECOND-22 to get the best price possible on my courses, top courses listed below. 53+ Hours of HD video – JavaScript Projects JavaScript Projects Games 55 Modern JavaScript DOM ES6 Loaded with Coding Examples Modern JavaScript – Wow 50+ Hours of HD Video … Read more

Cyber Monday Deal from Manning

Today Only Save 50% on my book/liveProject series and other selected titles @ManningBooks: http://mng.bz/WrEx AI as a Service; From On-Prem to AWS (Four-Project Series); Creating a WhatsApp Notification Service Using AWS Lambda and a Serverless Framework; and Explore the Power of Google Docs are being featured as related titles in the Deal of the Day on November 28th, along … Read more

How to get Sheet Data as a table in Google Docs

Sheet data as table in docSelect all the sheet data range as an array of values Get the values as a nested array of array items. Select the doc and use the appendTable to the body of the document. DocumentApp.openById(DOCID).getBody().appendTable(getValues1()); const SHEETID = ‘1u7vPqjklpmn8ygU’;const DOCID = ‘1yoV_oFO-v7963hhIrY’; function getValues1() {const ss = SpreadsheetApp.openById(SHEETID);const sheet = … Read more

How to connect to a JSON API output results on page using AJAX JavaScript

How to connect to a JSON API output results on page using AJAX JavaScriptIn this example we connect to the Star Wars API at https://swapi.dev/The API returns results that are within an array format, then using JavaScript loop through the results array and output either the title or the name that is being returned into … Read more

Math Quiz Maker Free Addon for Docs Have FUN

Keep your kids busy with Math Quizzes, Free addon for Google Docs create fun Math quizzes, even adults test your knowledge. https://workspace.google.com/marketplace/app/math_quiz_maker/708278458140?hl=en-CA Simple Add on to Generate Random Math Questions within you Google Docs. You select the number of questions, the values of the numbers and the operators you want in the questions. Magically creates … Read more