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
Web Development Articles
Page 73 of 801
How to create a unique ID for each object in JavaScript?
Following is the code to create a unique ID for each object −Example Document body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } .result { font-size: 18px; font-weight: 500; color: rebeccapurple; } Create a unique ID for each object CLICK HERE { if (obj.id === obj1.id) { resEle.innerHTML = "The id generated are not unique "; } else { resEle.innerHTML = "The id generated is unique for each object"; } }); OutputThe above code will produce the following output −On clicking the ‘CLICK HERE’ button −
Read MoreHow to access an object through another object in JavaScript?
Following is the code to access an object through another object in JavaScript −Example Document body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } .result { font-size: 18px; font-weight: 500; color: rebeccapurple; } Access an object through another object in JavaScript CLICK HERE Click on the above button to display obj2 let resEle = document.querySelector(".result"); let BtnEle = document.querySelector(".Btn"); let obj = { firstName: "Rohan", ...
Read MoreHow to create a multidimensional JavaScript object?
Following is the code to create a multidimensional JavaScript object −Example Document body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } .result { font-size: 18px; font-weight: 500; color: rebeccapurple; } Create a multidimensional JavaScript object CLICK HERE Click on the above button to create and display a multidimensional object let resEle = document.querySelector(".result"); let BtnEle = document.querySelector(".Btn"); BtnEle.addEventListener("click", () => { let obj = { firstName: "Rohan", lastName: "Sharma", school: { name: "St Marks", address: { city: "Dwarka", state: "Delhi", }, }, }; console.log(obj); }); OutputThe above code will produce the following output −On clicking the ‘CLICK HERE’ button and inspecting the output in console −
Read MoreHow to assign values to an array with null/empty objects in JavaScript?
Following is the code to assign values to an array with null/empty objects using JavaScript −Example Document body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } .result { font-size: 18px; font-weight: 500; color: rebeccapurple; } Assign values to an array with null/empty objects CLICK HERE Click on the above button to assign values to empty object inside arrObj let resEle = document.querySelector(".result"); let BtnEle = document.querySelector(".Btn"); let obj = { ...
Read MoreCan we convert two arrays into one JavaScript object?
Following is the code to convert two arrays into one JavaScript object −Example Document body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } .result, .sample { font-size: 18px; font-weight: 500; color: rebeccapurple; } .result { color: red; } Convert two arrays into one JavaScript object ["firstName", "lastName", "age"]["Rohan", "Sharma", 21] CLICK HERE Click on the above button to create an object from the above two arrays ...
Read MoreThe image() object in JavaScript.
The image object represents the HTML element.Following is the code for image object in JavaScript −Example Document body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } .result { font-size: 18px; font-weight: 500; color: rebeccapurple; } The image() object in JavaScript CLICK HERE Click on the above button to display an image let resEle = document.querySelector(".result"); let BtnEle = document.querySelector(".Btn"); let newImage = new Image(500, 300); newImage.src = "https://i.picsum.photos/id/195/536/354.jpg"; BtnEle.addEventListener("click", () => { resEle.appendChild(newImage); }); OutputThe above code will produce the following output −On clicking the ‘CLICK HERE’ button −
Read MoreExplain JavaScript text alert
The JavaScript alert() function is used to display a popup message to the user.Following is the code for the JavaScript alert() function −Example Document body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } Javascript text alert CLICK HERE Click on the above button to trigger the alert popup let BtnEle = document.querySelector(".Btn"); BtnEle.addEventListener("click", () => { alert("You pressed the button"); }); OutputThe above code will produce the following output −On clicking the ‘CLICK HERE’ button −
Read MoreHow to merge objects into a single object array with JavaScript?
Following is the code to merge objects into a single object array −Example Document body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } .result, .sample { font-size: 18px; font-weight: 500; color: rebeccapurple; } .sample { color: red; } Merge objects into a single object array [{id:22, class:7}, {name:'Rohan', age:12}, {state:'Delhi', country:'India'}] CLICK HERE Click on the above button to merge the above objects inside array into a ...
Read MoreIs there an elegant way of passing an object of parameters into a function?
Following is the code to pass an object of parameters to a function −Example Document body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } .result, .sample { font-size: 18px; font-weight: 500; color: rebeccapurple; } .sample { color: red; } Passing an object of parameters into a function CLICK HERE Click on the above button to add 4 object values by passing them to a function let resEle ...
Read MoreIs it possible to de-structure to already-declared variables? In JavaScript?
Following is the code to de-structure already declared variables in JavaScript −Example Document body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } .result { font-size: 18px; font-weight: 500; color: rebeccapurple; } De-structure to already-declared variables CLICK HERE Click on the above button to destructure the personObj object let resEle = document.querySelector(".result"); let BtnEle = document.querySelector(".Btn"); let name, age, personObj; personObj = { name: "Rohan", age: 19, }; BtnEle.addEventListener("click", () => { ({ name, age } = personObj); resEle.innerHTML = " name = " + name + "age = " + age; }); OutputThe above code will produce the following output −On clicking the ‘CLICK HERE’ button −
Read More