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
Front End Technology Articles
Page 156 of 652
What are the Important Array Methods in JavaScript?
In this article, we are going to explore different methods provided by Array and their importance in JavaScript. We will learn how to use them and what are their actual use cases with the help of examples. Before moving on to methods, below is the syntax for creating an array in JavaScript: let array = [element1, element2, ...]; Alternatively, we can also define the array as follows: let array = new Array(element1, element2, ...); Basic Array Methods (Adding/Removing Elements) These methods are essential for manipulating array contents: ...
Read MoreHow to build a random quote generator using HTML, CSS, and JavaScript?
In this tutorial, we'll build a random quote generator using HTML, CSS, and JavaScript. The application fetches quotes from an API and displays them in an elegant interface with a button to generate new quotes. Project Overview Our quote generator will include: Clean HTML structure with quote display area Responsive CSS styling with hover effects JavaScript logic to fetch quotes from type.fit API Random quote selection and display functionality HTML Structure First, let's create the HTML template ...
Read MoreHow to create a revealing sidebar using HTML, CSS, and JavaScript?
In this tutorial, we will create a revealing sidebar using HTML, CSS, and JavaScript. A revealing sidebar is a navigation menu that slides in and out of view when toggled, providing a clean and modern user interface. Approach We will follow these steps to create our revealing sidebar: STEP 1 − Create the HTML structure with navigation elements including a hamburger menu icon and sidebar items. STEP 2 − Style the elements using CSS to position the sidebar and add smooth transitions. STEP 3 − Add JavaScript ...
Read MoreHow to create notes taking app using HTML, Bootstrap and JavaScript?
In this tutorial, we will create a notes-taking app using HTML, Bootstrap, and JavaScript. HTML provides the structure, Bootstrap handles the styling and responsive design, and JavaScript adds functionality for adding, displaying, and deleting notes with persistent storage. Our application will feature a text area for entering notes, an "Add" button to save notes, and a dynamic list displaying all notes with delete functionality. We'll implement local storage to maintain notes even after page refreshes. Local Storage Overview Local Storage is browser storage that persists data on the user's computer. Unlike session storage, data remains available across ...
Read MoreDesign a Digital Clock in Neumorphism Style using JavaScript
In this tutorial, we will be discussing how to design a digital clock in neumorphism style using JavaScript. Neumorphism is a design trend characterized by soft, raised elements with subtle shadows that create an embossed or pressed effect on the interface. HTML Structure Let's start by creating the basic HTML structure for our neumorphic digital clock. We need a container for the clock and display elements. Neumorphic Digital Clock ...
Read MoreHow is Ajax different from JavaScript Libraries and Run Time Environments?
This article explores AJAX (Asynchronous JavaScript and XML) and clarifies how it differs from JavaScript libraries and runtime environments in web development. AJAX Introduction and History Ajax, short for Asynchronous JavaScript and XML, is a technique for creating dynamic and interactive web applications. It was first introduced in the early 2000s and has since become a staple of modern web development. The key feature of Ajax is its ability to update parts of a web page without requiring a full page reload. This is achieved by using JavaScript to send and receive data from a server asynchronously, ...
Read MoreHow to check the type of a variable or object in JavaScript?
JavaScript is a loosely typed programming language, meaning there is no such rule to declare the variable type. A variable can store multiple data types in a program, so it is essential to understand the variable type before using it. In JavaScript, we can use the typeof operator to check the type of a variable or object. The typeof operator takes a variable and returns its type in a string format. In addition to the typeof operator, JavaScript also provides the instanceof operator to check the type of a variable or object. The instanceof operator accepts two arguments: the ...
Read MoreHow to create a hash from a string in JavaScript?
Before we start, let's understand the hash in JavaScript. The hash is also a string, but it's encrypted using a particular algorithm. Generally, we use the hash for security purposes. For example, Google stores users' emails and passwords in their database. Now, Google's employees can access their database for development purposes. But can they get the user's email and password from the database? No, because the password is stored in the hash form, and to decrypt the password, the employee needs the key which we used while creating the hash from the password string. So, in such a ...
Read MoreHow to store all dates in an array present in between given two dates in JavaScript?
Sometimes, we require to get all the dates between the given date range. In this tutorial, we will take two dates and find all dates between two dates. Also, we will store all dates in the array. Here, we will learn three approaches to storing all dates in an array present between given two dates in JavaScript. Using the while loop and setDate() method We can use the while loop for iteration and the setDate() method to set dates in the date object. On every iteration of the while loop, we can increase the date by one ...
Read MoreHow to swap the key and value of JSON element using JavaScript?
Here, we will learn to swap the key and value of JSON elements using JavaScript. In JavaScript, an object stores key-value pairs, and we can swap the key and value just like swapping two normal variables. In this tutorial, we will learn different approaches to swapping all the key-values of JSON elements using JavaScript. Using the for...in Loop We can iterate through the keys of the JSON object using a for...in loop. After that, we can access the value from the object using the key and swap every key-value pair in the object. We need to ...
Read More