Mayank Agarwal has Published 380 Articles

How to Detect if CAPS Lock is ON using JavaScript?

Mayank Agarwal

Mayank Agarwal

Updated on 26-Apr-2022 07:51:22

728 Views

In this article, we are going to explore the CAPS LOCK key and how to check if they are turned on or not using JavaScript on a webpage. While working with new-age web applications, we often require certain information including user interaction and experience.The user interacts with a website to ... Read More

How to Generate a PDF from an HTML Webpage?

Mayank Agarwal

Mayank Agarwal

Updated on 26-Apr-2022 07:49:28

17K+ Views

In this article, we are going to explore the conversion of required HTML content into a PDF file. Many a time we have to read and accept the Terms & Conditions, a better way is to download the PDF file read it in spare time, and then accept it. Therefore, ... Read More

How to Declare an Object with Computed Property Name in JavaScript?

Mayank Agarwal

Mayank Agarwal

Updated on 26-Apr-2022 06:59:44

362 Views

In this article, we are going to explore about the concept of computed properties in an object. We will learn how to declare an object with computed property name. Let’s know about JavaScript objects before actually moving on to computed properties.JavaScript Object − A JavaScript Object contains key-value pairs in ... Read More

How to Create Timeline Animations using Anime.js?

Mayank Agarwal

Mayank Agarwal

Updated on 26-Apr-2022 06:51:10

329 Views

In this article, we are going to explore and learn about Timeline Animations. Anime.js is a lightweight JavaScript library that has a small but powerful set of APIs. It works upon the DOM attributes, CSS properties, SVG, and JavaScript objects.We can build multiple and complex animations using the Anime.js. Anime’s ... Read More

How to Create a Parallax Effect using HTML, CSS, and JavaScript?

Mayank Agarwal

Mayank Agarwal

Updated on 26-Apr-2022 06:45:17

923 Views

In this article, we are going to learn about parallax effects and how to create them using HTML, CSS, and JavaScript. We will be using the mouse-move event to show the parallax effect. During the parallax effect, two different images move in parallel to each other. Both the images will ... Read More

How to Create an Image Slider using HTML, CSS, and JavaScript?

Mayank Agarwal

Mayank Agarwal

Updated on 25-Apr-2022 13:44:09

8K+ Views

In this article, we are going to create a slider carousel using JavaScript. Along with using JS we will be also using HTML and CSS for representation and defining the basic layout.A carousel is basically a collection of images represented as a slideshow that is used for displaying the images, ... Read More

How to Create a Color Picker in ReactJS?

Mayank Agarwal

Mayank Agarwal

Updated on 25-Apr-2022 12:34:09

976 Views

In this article, we are going to explore how to create and use a Color Picker in ReactJS. A Color Picker can be defined as a graphical user interface widget that is usually found within some graphics software or used online to select/choose colors and sometimes to create new color ... Read More

JavaScript: How to Create an Object from Key-Value Pairs

Mayank Agarwal

Mayank Agarwal

Updated on 25-Apr-2022 12:23:35

3K+ Views

In this article, we are going to explore how to create a JavaScript object from the desired key-value pairs. Let’s understand the steps involved as below−Steps:Step I − We are first going to create an Empty Object.let object = {}Step II − Once the object is initialized with the null ... Read More

How to create an FAQ section of a website using JavaScript?

Mayank Agarwal

Mayank Agarwal

Updated on 25-Apr-2022 11:45:16

1K+ Views

In this article, we will be creating a FAQ (Frequently asked questions) accordion using JavaScript. The accordion is used to display the questions and will open up on clicking to display the answers. We can see the FAQ section on every website where all the top questions are covered. Today ... Read More

ReactJS: How to Create a Pie Chart using Recharts?

Mayank Agarwal

Mayank Agarwal

Updated on 25-Apr-2022 11:34:47

7K+ Views

In this article, are going to explore the Rechart JS Library and implement it in a React application to watch how they are used. Rechart Libraries are specifically used for creating different types of charts over the React Application. Charts that can be build using this library are Line Charts, ... Read More

Previous 1 ... 4 5 6 7 8 ... 38 Next
Advertisements