Javascript Articles - Page 361 of 534

Following is the code for testing and executing a regular expression in JavaScript −Example Live Demo Document    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;    }    .result, .sample {       font-size: 20px;       font-weight: 500;    } Testing and executing regular expressions CLICK HERE Click on the above button to test and execute the regular expression    let sampleEle=document.querySelector('.sample');    let resEle = document.querySelector('.result');    let str = 'Hello world. This is a beautiful world';    sampleEle.innerHTML ... Read More

The JavaScript regular expression modifiers are optional part of a regular expression and allow us to perform case insensitive and global searchers. The modifiers can also be combined together.Following are the modifiers −ModifierDescriptiongIt enables global matching and returns all the matched results instead of stopping at first matchiIt enables case insensitive matchingmIt enables multiline matchingExampleFollowing is the code for strict comparison in JavaScript switch statement − Live Demo Document    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;    }    .result {       font-size: 20px;       font-weight: ... Read More

The JavaScript switch statement only uses strict comparison (===) and doesn’t converts type if matches are not found using strict comparison and will immediately execute the default statement.Following is the code for strict comparison in JavaScript switch statement −Example Live Demo Document    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;    }    .result {       font-size: 20px;       font-weight: 500;    } JavaScript Switch statement strict comparison Enter day 1-7 CHECK Click on the above button to check if switch ... Read More

Following is the code to implement common code blocks in JavaScript switch statement −Example Live Demo Document    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;    }    .result {       font-size: 20px;       font-weight: 500;    } JavaScript Switch statement Enter day 1-7 CHECK Click on the above button to check which day it is    let dayVal = document.querySelector(".day");    let resEle = document.querySelector(".result");    document.querySelector(".Btn").addEventListener("click", () => {       switch (parseInt(dayVal.value)) {     ... Read More

Associative arrays are basically objects in JavaScript where indexes are replaced by user defined keys. They do not have a length property like normal array and cannot be traversed using normal for loop.Following is the code for associative arrays in JavaScript −Example Live Demo Document    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;    }    .result {       font-size: 20px;       font-weight: 500;    } Associative array in JavaScript CLICK HERE Click on the above button to create a associative array ... Read More

Following is the code for printing positive and negative infinity values in JavaScript −Example Live Demo Document    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;    }    .num {       font-size: 18px;       font-weight: 500;    } JavaScript Infinity property 1.797693134862315E+10308 -1.797693134862315E+10308 CLICK HERE Click on the above button to add and subtract the above floating numbers by 1 respectively    let sampleEle = document.querySelector(".sample");    let num1 = document.querySelectorAll(".num")[0];    let num2 = document.querySelectorAll(".num")[1];    document.querySelector(".Btn").addEventListener("click", () => {       num1.innerHTML = +num1.innerHTML + 1;       num2.innerHTML = +num2.innerHTML - 1;    }); OutputThe above code will produce the following output −On clicking the ‘CLICK HERE’ button −

Following is the code for searching a string in JavaScript −Example Live Demo Document    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;    }    .result {       font-size: 20px;       font-weight: 500;    } Searching a string in JavaScript The spring season is about to come. CLICK HERE Click on the above button to find the string 'spring' in the above string    let btnEle = document.querySelector(".btn");    let sampleEle = document.querySelector(".sample").innerHTML;    let resEle = document.querySelector(".result");    btnEle.addEventListener("click", () => {       resEle.innerHTML = "The string spring is found at position " + sampleEle.search("spring");    }); OutputThe above code will produce the following output −On clicking the ‘CLICK HERE’ button −

Following is the code to implement NaN and Infinity in JavaScript −Example Live Demo Document    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;    }    .result {       font-size: 20px;       font-weight: 500;    } NaN and Infinity in JavaScript CLICK HERE Click on the above button to see nan and infinity example    let btnEle = document.querySelector(".btn");    let resEle = document.querySelector(".result");    btnEle.addEventListener("click", () => {       resEle.innerHTML = "9/0 = " + 9 / 0 + "";       resEle.innerHTML += 'Number("AJKL") = ' + Number("AJKL") + "";    }); OutputThe above code will produce the following output −On clicking the ‘CLICK HERE’ button −

Note − To run this example you will need to run a localhost server.Following is the code for importing and exporting a module/library in JavaScript −ExampleINDEX.html Live Demo Document    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;    }    .result {       font-size: 18px;       font-weight: 500;    } JavaScript Importing and Exporting Modules IMPORT Click on the above button to import module script.jsimport test from './sample.js'; document.querySelector('.Btn').addEventListener('click', ()=>{    test(); })sample.jslet resultEle = document.querySelector(".result"); export default ... Read More

The dotAll flag returns true or false depending upon if the s flag has been set in the regular expression or not.Following is the code to implement dotAll flag for regular expressions in JavaScript −Example Live Demo Document    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;    }    .result {       font-size: 20px;       font-weight: 500;    } dotAll flag for regular expressions CLICK HERE Click on the above button to know if s flag has been set in regex or ... Read More