JavaScript

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

by

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 create a simple JavaScript game from scratch Lock Combo Guessing Game with source code

by

Lock Combo Guessing Game Dynamic number of lock slots, guess the correct combination to open the lock. When the guess is incorrect the background of the lock slot will be blue for too low and red for too high. Use the hints to select and guess the correct values for each slot. Once all the … Read more

Number Guessing Game How to Create a simple JavaScript Game from Scratch Math Random

by

Number Guessing Game Guess a number from within the given random, this exercise is designed to practice Math Random and use of random values in a simple number guessing game created using JavaScript Code.

Creating and working with Arrays in JS

by

Creating and working with Arrays in JS There are several ways to create arrays in Javascript. Also, adding new index values will update the number of items in the array.  Length can be set to update the number of items in the array.  To loop through the items in an array you can use for … Read more

Randomize Array values in place with sort() method in JavaScript

by

Randomize Array values in place with sort() method in JavaScript Use the sort method in JavaScript, notice the difference in values using a positive one and a negative one value in the return of the anonymous function within the sort parameters.  If you use Math random to return randomly a negative or positive value this … Read more

Apps Script Web App as Get and Post endpoint for JavaScript Google Apps Script Coding Example

by

doPost and doGet as an endpoint for web applications. You can setup your webapp to serve as an endpoint for web applications. In this example we explore how to make both GET method requests and POST method requests to the endpoint, retrieving and returning data from a spreadsheet into the JavaScript code as data from … Read more

How to use Regular Expressions to Check String patterns using JavaScript test method coding example

by

How to use Regular Expressions to Check String patterns using JavaScript test method coding example

JavaScript Code examples

by

JavaScript Code examples JavaScript String Methods Example Code snippets Learn JavaScript Strings 1Source Code Template literals 2Coding example String WhiteSpace Remover sample code 3Remove duplicates from an array source code example 4 JavaScript String Methods Example Code snippets Learn JavaScript Strings Code Exampleconst output = document.querySelector(‘.output’); let str1 = ‘Hello world Hello World’;let str2 = … Read more

JavaScript Game from scratch Guess the Number learn how to create a JavaScript DOM game

by

JavaScript Game from scratch Guess the Number learn how to create a JavaScript DOM game Learn how to create a number guessing game with JavaScript. Guess the hidden number, the range will adjust as you guess random numbers. Providing logic for the game play and scoring. <!DOCTYPE html> <html> <head>  <title>JavaScript </title>  <style>    body{      font-style:normal; … Read more