Data Structure
Networking
RDBMS
Operating System
Java
MS Excel
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
In HTML, Canvas is very important when we want to show animation or 3D objects on the webpage using only HTML and JavaScript. The offscreenCanvas allows users to render the animations and graphics off-screen. It means when we use the canvas, it interacts with the user via the main thread of the web application, but offscreenCanvas doesn’t. So, we can improve the performance of the application using offscreenCanvas . Before we use offscreenCanvas with any browser, we need to check if it is supported by the Browser or not; Otherwise, we need to use canvas. So, we will learn two ... Read More
We can access the HTML element using various methods in vanilla JavaScript or jQuery, a featured library of JavaScript. Sometimes, after accessing the DOM elements, developers may require to check if both accessed elements are the same or not. In this tutorial, we will learn to use the strict equality operator of JavaScript and a method of jQuery to check the equality of two HTML elements. Using the equality operator (==) in JavaScript We can access the HTML element by getElemenetById, querySelector, getElementByClassName, etc. methods. After that, we can store it in the JavaScript variable, and we can compare those ... Read More
In JavaScript, an array is an object with an index as a key and array values as a value of a particular key of an array object. Sometimes, we require to check if two arrays are the same or not. The first solution that comes to mind is using the equality operator and comparing them like array1 == array2. Oops! It will not work as the array is an object, and we can’t compare two objects directly in JavaScript. So, we have to compare every element of the array. In this tutorial, we will learn to compare two JavaScript array ... Read More
Using JavaScript, we will learn to clear all div’s content inside a parent div. In HTML, we can create various elements and add other elements as a child of the parent div. Also, we can add different HTML to every child element. Sometimes, we may require to clear the HTML of all child elements. So, we will learn different approaches to clear all div’s content inside a parent div. Using the innerHTML property of the HTML element Every HTML element contains the innerHTML property. Developers can use it to set the HTML for any element using ... Read More
While working with HTML and CSS to create a web page, we require to choose a color from the color picker. Also, sometimes we may require to select the background color through the color picker input. In this tutorial, we will learn different approaches which allow users to choose a background color from the color-picker input, and when the user selects a new color, it should change the background color. Using the color picker to change the background color In HTML, color picker input allows users to choose a color from that. We can get a selected color value using ... Read More
The object contains the properties and their values in JavaScript. We can create an object using the curly ({}) braces. It’s similar to the variables, but we assign an object value rather than assigning the number, string, or boolean value to the variable. So, here we will learn to check if the object exists in JavaScript in this tutorial. In short, we have to learn ways to check the existence of object variables. Using the try-catch statement Generally, we use the try-catch statement to handle errors in JavaScript. We can try to access the object or its properties in the ... Read More
The first array is the subset of the second array if the second array contains all elements of the first array. So, sometimes we may be required to check if one array is the subset of another. In this tutorial, we will learn to check if one array is a subset of another array using three different approaches. Use the for loop and array.includes() method Users can use the for loop to iterate through every element of the first array. After that, they can use the includes() method to check if the second array contains every element of the first ... Read More
Sometimes, we require to manipulate the HTML elements using JavaScript. So, we can use JavaScript to add or remove HTML elements. This tutorial will teach us to combine multiple HTML elements in a single shot using JavaScript. Sometimes we need to show some HTML elements to users when they click the button or particular event triggers. So, we can use the approaches below to combine multiple elements and append the result into a div element using JavaScript. Use the innerHTML Property The innerHTML, as the name suggests, allows us to set the HTML for any particular element using JavaScript. Using ... Read More
We will learn to close the browser window using JavaScript in this tutorial. Suppose users have opened your website in 2 tabs and don’t want to allow it, then you can close one tab automatically using JavaScript. Also, if you have noticed that some web apps automatically open the browser window to capture a face, it closes automatically when you capture the image by clicking the button. It’s all we can do using JavaScript. This tutorial will teach different examples of closing the current tab in a browser window using JavaScript. Note − JavaScript never allows developers to close the ... Read More
In ES5, we used the concat method to make a copy of the array. Also, some developers used the slice() method by passing 0 as a parameter to slice all elements of the referenced array and create a new array. Example Users can follow the example below to clone the array using the slice() method. We have created array1, which contains the values of different data types. After that, we used the slice() method to make a copy of array1 and store it in the ‘clone’ variable. Using the slice() method to clone the array ... Read More