Following is the code to assign values to an array with null/empty objects 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;    } 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 More

Following is the code to create a multidimensional JavaScript object −Example Live Demo 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 −

Following is the code to access an object through another object 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;    } 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 More

Following is the code to create a unique ID for each object −Example Live Demo 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 −

Following is the code to draw a circle in JavaScript −Example Live Demo Document    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;    }    .circleCanvas {       border: 3px solid #110101;    } Draw a circle in JavaScript CLICK HERE Click on the above button to create a circle in the above canvas element    let canvasEle = document.querySelector(".circleCanvas");    let BtnEle = document.querySelector(".Btn");    BtnEle.addEventListener("click", () => {       var circle = canvasEle.getContext("2d");       circle.beginPath();       circle.arc(180, 100, 90, 0, 2 * Math.PI);       circle.stroke();    }); OutputThe above code will produce the following output −On clicking the ‘CLICK HERE’ button −

Following is the code for single and multidimentsional array in JavaScript −Example Live Demo Document    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;    }    .result, .sample {       font-size: 18px;       font-weight: 500;       color: rebeccapurple;    }    .result {       color: red;    } Single dimensional array vs multidimensional array Single dimensional Array Multidimensional Array CLICK HERE Click on the above button to display single and multidimensional array    let resEle = document.querySelector(".result");    let ... Read More

Following is the code for setting property in an empty object using for loop 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;    } Setting property in an empty object using for loop CLICK HERE Click on the above button to populate the empty object obj1    let resEle = document.querySelector(".result");    let BtnEle = document.querySelector(".Btn");    let obj = ... Read More

To assign static methods to class in JavaScript simply prefix the method with keyword static. The static methods then can be called without instantiating the class.Following is the code to assign static methods to a class 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;    } Assign static methods to a class in JavaScript CLICK HERE Click on the above button ... Read More

Following is the code to de-structure an imported object 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;    } De-structure an imported object in JavaScript CLICK HERE Click on the above button to destructure the person object script.jsimport person from "./sample.js"; let resEle = document.querySelector(".result"); let BtnEle = document.querySelector(".Btn"); let {firstName, lastName, age} = person; BtnEle.addEventListener("click", () => { ... Read More

The not a constructor function error occurs if we use an object or a variable as a constructor that isn’t a constructor.Following is the code for not a constructor function error 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;    } Not a constructor function error CLICK HERE Click on the above button to use a variable as constructor   ... Read More