Data Structure
Networking
RDBMS
Operating System
Java
MS Excel
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
Following is the code to validate decimal numbers in JavaScript −Example Live Demo Document body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } .result { font-size: 20px; font-weight: 500; } Validate decimal numbers in JavaScript CHECK Click the above button to check if a valid decimal number is entered or not let resEle = document.querySelector(".result"); document.querySelector(".Btn").addEventListener("click", () => { var str = document.querySelector(".num").value; var regex = /^[-+]?[0-9]+\.[0-9]+$/; ... Read More
Following is the code to remove a child node in HTML using JavaScript −Example Live Demo Document body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } .result { font-size: 20px; font-weight: 500; } Removing a child node in HTML using JavaScript Cow Lion Tiger Buffalo CLICK HERE Click the above button to remove the first list element from the above list let resEle = document.querySelector(".result"); let animalList = document.querySelector(".animal"); document.querySelector(".Btn").addEventListener("click", () => { animalList.removeChild(animalList.childNodes[0]); animalList = animalList; }); OutputThe above code will produce the following output −On clicking the ‘CLICK HERE’ button −
Following is the code to load a JavaScript file dynamically −Example Live Demo Document body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } .result { font-size: 20px; font-weight: 500; } Load a JavaScript file Dynamically CLICK HERE Click the above button to load external JavaScript let resEle = document.querySelector(".result"); document.querySelector(".Btn").addEventListener("click", () => { var jsRef = document.createElement("script"); jsRef.setAttribute("src", "sample.js"); document.getElementsByTagName("head")[0].appendChild(jsRef); }); script.jsresEle.innerHTML='JavaScript has been loaded';OutputThe above code will produce the following output −On clicking the ‘CLICK HERE’ button −
Following is the code for using named arguments in JavaScript functions −Example Live Demo Document body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } .sample, .result { font-size: 18px; font-weight: 500; color: red; } .result { color: rebeccapurple; } Named arguments in JavaScript functions CLICK HERE Click on the above button to call a function and pass above object to it as argument let sampleEle ... Read More
The JavaScript switch statement can contain return statements if it is present inside a function. The function will return the value in the switch statement and the code after the switch statement will not be executed.Following is the code to have return statements 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; } Return statement in JavaScript switch Enter day 1-7 CHECK ... Read More
Following is the code to group array of objects by id in JavaScript −Example Live Demo Document body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } .result { font-size: 18px; font-weight: 500; color: rebeccapurple; } group the array of objects by Id in JavaScript { name: 'Rohan', age: 18 }, { name: 'Mohan', age: 20 }, { name: 'Shawn', age: 18 }, { name: 'Michael', age: 18 }, { name: 'David', age: 20 } ... Read More
Following is the code for creating ‘copy to clipboard’ feature on a web page with JavaScript −Example Live Demo Document body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } .result { font-size: 18px; font-weight: 500; color: rebeccapurple; } input, button { padding: 8px; } Creating Copy to Clipboard Copy Text Click on the above button to copy text from the textbox let resEle = document.querySelector(".result"); ... Read More
Following is the code for disabling mouse event on certain elements using JavaScript −Example Live Demo Document body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } .result { font-size: 18px; font-weight: 500; color: rebeccapurple; } .size { font-size: 30px; } Disable Mouse events using JavaScript This is some text inside a div DISABLE ENABLE Click on the above button to enable or disable mouse events let resEle ... Read More
JavaScript doesn’t support Enums out of the box. The only way to have enums in javaScript is to implement them using objects.Following is the code showing enumerated types in JavaScript −Example Live Demo Document body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } .result { font-size: 18px; font-weight: 500; color: rebeccapurple; } Enumerated Types in JavaScript CLICK HERE Click on the above button to get the color values let resEle = document.querySelector(".result"); ... Read More
Following is the code to embed JavaScript in html file −Example Live Demo Document body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } .result { font-size: 18px; font-weight: 500; color: rebeccapurple; } Embed javascript in html file let resEle = document.querySelector(".result"); resEle.innerHTML += "Inline javaScript loaded" + ""; script.jsresEle.innerHTML += 'External JavaScript loaded ';OutputThe above code will produce the following output −