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 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 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 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
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
How to create JavaScript code that within one statement can be used to generate a random HEX value to easily change colors to page element background. Click a button change the element background and body background color with JavaScript code. <!DOCTYPE html> <html> <head> <title>JavaScript </title> </head> <body> <div> <input type=”text”><br> <button>Click Me</button> <div class=”results”></div> … Read more
JavaScript Random Math Object to generate Random Numbers with code Code snippet and JavaScript coding lesson how to create Random Numbers with JavaScript code. How to set a minimum and a maximum number for random values, set a range for a random number generator. <!DOCTYPE html> <html> <head> <title>JavaScript </title> </head> <body> <div> <input type=”number”><br> … Read more
Create an email extractor to extract all unique emails from a block of text. This project creates an email extractor which can be used by pasting a block of text into the textarea, then selecting the separator for the output file contents. The unique emails addresses that are retrieved from the text block will be … Read more
JavaScript Regular Expressions and Pattern matching within Strings Email Extract Regexp with match and matchAll() methods 1Use of test() and exec() 3replace() and replaceAll() methods 4search() method 4Find Email Pattern 6Email Extractor Project 8How to create a text file download 12 Regexp with match and matchAll() methods const txtArea = document.querySelector(‘textarea’);const btn = document.querySelector(‘button’);const res … Read more
Regular expressions provide a powerful way to create patterns that can be matched from string content in JavaScript code. To find all matches of a typical email there are several ways to create the pattern. Start by setting up a grouping of the patterns, using the () adding the global flag to match all the … Read more