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
-
Economics & Finance
Web Development Articles
Page 154 of 801
Explain sub-classes and inheritance in ES6
In JavaScript, developers used prototypes for inheritance in ES5. ES6 introduced classes, making inheritance syntax cleaner and more familiar to developers from other programming languages. What are Sub-classes and Inheritance? A subclass is a child class that inherits properties and methods from a parent class (superclass). Inheritance allows you to create new classes based on existing ones, promoting code reuse and establishing hierarchical relationships between classes. The subclass automatically inherits all properties and methods from the superclass and can access them through its objects. You use the extends keyword to create inheritance relationships. Syntax ...
Read MoreHow to assign a PHP variable to JavaScript?
PHP and JavaScript run at different times in the web development lifecycle. PHP executes on the server before sending HTML to the browser, while JavaScript runs in the browser after receiving the page. This tutorial shows various methods to pass PHP variable values to JavaScript. Understanding the execution sequence is crucial: PHP processes your .php file first to generate HTML, then sends the processed code to the client's browser. Once in the browser, JavaScript executes, but PHP is no longer accessible. Using Echo (Direct Assignment) The simplest method is using PHP's echo to output PHP variables directly ...
Read More10 Interesting things you can do with a few lines of JavaScript
In this tutorial, let us discuss some fascinating things that a few lines of JavaScript can do. Almost every website uses JavaScript. JavaScript was born in 1995, and it is a programming language similar to other languages, but it runs faster because it doesn't have many predefined functions. JavaScript can create programs, libraries, and scripts for websites or desktop applications. A lot of web developers are also good at writing JavaScript. Some JavaScript codes are fascinating if you observe how it behaves. Let us discuss what are these fascinating things in JavaScript. 1. Fascinating Things About Semicolons ...
Read MoreHow to clear the content of a div using JavaScript?
We will learn to remove all child elements or content of a div element using JavaScript. However, whatever method we learn to clear the div element's content will work with any HTML element. Removing the content of the div element is useful when users want to display some HTML content based on a particular condition or want to replace HTML content. Here, we will explore three approaches to clear the content of a div using JavaScript. Using the replaceChildren() Method The replaceChildren() method allows developers to replace child elements of a particular HTML element. When called ...
Read MoreHow to check if the input date is equal to today's date or not using JavaScript?
We learn to check if the input date is equal to today's date or not using JavaScript in this tutorial. Sometimes, we need to take the date from users in the input field in various formats and check if input date and today's date match. Here, we will learn two approaches to check the equality of the input date with today's date. Method 1: Comparing Year, Month, and Date Separately Users can get the full year, month, and date from the timestamp of the Date object using various methods such as getFullYear(), getMonth(), and getDate(). Also, we ...
Read MoreHow to clone an array in ES6?
In ES6, the spread operator (...) provides the most elegant way to clone arrays. While ES5 used methods like concat() and slice(), ES6 offers a cleaner syntax for array cloning. The Problem with Assignment Operator Using the assignment operator creates a reference, not a copy. This means changes to one array affect the other: Problem with Assignment Operator let output = document.getElementById('output1'); let array1 = ["Hi", "users", "Welcome"]; ...
Read MoreHow to close a current tab in a browser window using JavaScript?
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 ...
Read MoreHow to check whether an array is a subset of another array using JavaScript?
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. Using 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 ...
Read MoreHow to check whether an object exists in JavaScript?
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 ...
Read MoreHow to choose a background color through a color picker in JavaScript?
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 with Button Click In HTML, color picker input allows users to choose a color from that. We can get a selected color value ...
Read More