Article Categories
- All Categories
-
Data Structure
-
Networking
-
RDBMS
-
Operating System
-
Java
-
MS Excel
-
iOS
-
HTML
-
CSS
-
Android
-
Python
-
C Programming
-
C++
-
C#
-
MongoDB
-
MySQL
-
Javascript
-
PHP
Javascript Articles
Page 415 of 534
Explain JavaScript Error Object.
The error object is basically thrown by the JavaScript interpreter when a script error occurs. This error object can also be thrown as exception for user defined exceptions. The two javaScript error object properties are −PropertyDescriptionnameIt sets or returns the name of the error.messageIt sets or returns the error message as stringFollowing is the code for error object in JavaScript −Example Live Demo Document body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } .result { font-size: 20px; font-weight: 500; } ...
Read MoreBlock Scoping in JavaScript.
Block scope is an area between two { curly braces } which can be between loops, if condition or switch statement. The let and const introduced in ES2015 allow us to create block scoped variables that can be accessed only inside those block.Following is the code showing block scoping in JavaScript −Example Live Demo Document body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } .result{ font-size: 20px; font-weight: 500; } Block scoping in JavaScript CLICK HERE Click on ...
Read MoreHow to invoke a function as a function and method?
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 MoreWindow innerWidth and innerHeight Properties in JavaScript.
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 MoreHighlight a text, every time page loads with JavaScript
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 MoreAdd class (odd and even) in HTML via JavaScript?
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
Read MoreWhat is JavaScript type coercion?
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 −
Read MoreExplain the finally Statement in JavaScript with examples.
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 MoreReturning values from a constructor in JavaScript?
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 MoreCreating JavaScript constructor using the “new” operator?
Following is the code for creating a JavaScript constructor using the ‘new’ operator −Example Live Demo Document body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } .result { font-size: 20px; font-weight: 500; } JavaScript constructor using new CLICK HERE Click on the above button to create JavaScript constructor using new operator let resEle = document.querySelector(".result"); function Human(firstName, lastName, age){ this.firstName = firstName; this.lastName = lastName; this.age ...
Read More