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 on invoking a function as a function and method −Example Live Demo Document body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } .result{ font-size: 20px; font-weight: 500; } Invoke a function as function and method CLICK HERE Click on the above button to invoke function as function and method let resEle = document.querySelector(".result"); function add(a, b){ return a+b; } let obj = { ... Read More
Function parameters are the names of variables present in the function definition. Function arguments are the real values that are passed to the function and received by them.Following is the code showing parameters and arguments in JavaScript −Example Live Demo Document body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } .result, .sample{ font-size: 20px; font-weight: 500; } Function parameters and arguments CLICK HERE Click on the above button to pass the above values as arguments to ... Read More
The encodeURI() function encodes the complete URI including special characters except except (, / ? : @ & = + $ #) characters.The decodeURI() function decodes the URI generated by the encodeURI() function.Following is the code for encodeURI() and decodeURI() functions in JavaScript −Example Live Demo Document body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } .encode, .decode { font-size: 18px; font-weight: 500; } encodeURI() and decodeURI() function in JavaScript ENCODE URI DECODE URI Click on ... Read More
The innerWidth property returns the width of the window content area and the innerHeight property returns the width of the window content area.Following is the code for window innerWidth and innerHeight properties in JavaScript −Example Live Demo Document body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } .result{ font-size: 20px; font-weight: 500; } Window innerWidth and innerHeight Properties CLICK HERE Click on the above button get the innerWidth and innerHeight of the window. let ... Read More
To highlight a text, every time page loads, use the for loop and the concept of −Example Live Demo Document .yellow { color: yellow; } .blue { color: blue; } My yellow Words, your blue Words var ids = document.getElementById("pageLoads"); var loadColorWords = ids.innerHTML.split(" "); for(var i = 0; i < loadColorWords.length; i++) { if(loadColorWords[i] == "blue") { loadColorWords[i] = "" + loadColorWords[i] + ""; } ... Read More
To add class, use nth-child(odd) and nth-child(even). Following is the code −Example Live Demo Document MongoDB Javascript Java MySQL .subjectName:nth-child(odd) { color: blue; } .subjectName:nth-child(even) { color: purple; } To run the above program, save the file name anyName.html(index.html) and right click on the file and select the option open with live server in VS code editor.Output
Type casting means conversion of one data type to another explicitly. In JavaScript some of the most common methods to convert a datatype to either string using String(), to boolean using Boolean(), or to number using Number().Following is the code for type casting in JavaScript −Example Live Demo Document body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } .result, .sample { font-size: 20px; font-weight: 500; } Type casting in JavaScript. 44 CLICK HERE Click on the above button ... Read More
Type coercion means conversion of a datatype to another automatically or implicitly.Following is the code for JavaScript type coercion −Example Live Demo Document body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } .result,.sample { font-size: 20px; font-weight: 500; } JavaScript type coercion 22 CLICK HERE Click on the above button to add the above number with 5. let sampleEle = document.querySelector('.sample'); let resEle = document.querySelector(".result"); document.querySelector(".Btn").addEventListener("click", () => { resEle.innerHTML = ' "22" + 5 = ' + sampleEle.innerHTML+5; }); OutputThe above code will produce the following output −On clicking the ‘CLICK HERE’ button −
The finally statement always executes after try and catch block regardless of if there was an error or not.Following is the code for the finally statement in JavaScript −Example Live Demo Document body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } .result, .sample { font-size: 20px; font-weight: 500; } Finally in Javascript CLICK HERE Click on the above button to call a variable before it is defined let sampleEle = document.querySelector(".sample"); let ... Read More
Following is the code for returning values from a constructor in JavaScript −Example Live Demo Document body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } .result { font-size: 20px; font-weight: 500; } Returning value from constructor CLICK HERE Click on the above button to return a object from constructor let resEle = document.querySelector(".result"); function Human(){ this.firstName = 'Rohan'; this.lastName = 'Sharma'; this.age = 22; ... Read More