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
Javascript Articles
Page 150 of 534
How to create your first chart with FusionCharts.js?
FusionCharts is a JavaScript library that you can use when you want to create charts and maps and put them in your web application. In this tutorial, we will show how you can use FusionChart.js to create two different charts. Before we learn how to create charts, the first important thing is to know how we can install FusionCharts onto our local machines. Installing FusionCharts There are multiple ways with which we can install FusionCharts. Using CDN You can use the CDN link given below to directly gain access to the files of FusionCharts. Install from NPM You ...
Read MoreCreating a Data Grid in JavaScript with Handsontable.js
Handsontable is a JavaScript library that is used when we want to create a data grid. It provides a spreadsheet-like experience, pretty similar to Excel. In this tutorial, we will explain how you can use handsontable.js to create a data grid with your own data. In addition, we will see how to use different options available in handsontable.js. While there might be different spreadsheets like grid creators that you can use, the handsontable.js stands out from most of them because of its ability to work with vanilla JavaScript, React or Angular as well. Before you can start working with handsontable.js, ...
Read MoreBuilding a Text Editor using Quill.js
Quill is a free and open-source text editor that falls under the category of WYSIWYG editors and is mainly built for the modern web that we use today. It is a highly customizable text editor and has many expressive API. Quill is very easy to use and provides a good interface that is even understandable to those that have worked on markup only. In this tutorial, we will take multiple examples to explain how you can build a text editor using Quill.js. While there are dozens of rich text editors that belong to the WYSIWYG text editors, the most widely ...
Read MoreAuto-formatting Input Text Content with Cleave.js
Auto-formatting is one of those features that are hard to implement but at the same time increases the userexperience a lot. There are different JavaScript libraries that one can use when they want to auto-format the input text content, but the most popular of them is Cleave.js. Cleave.js is a JavaScript library that is mainly used when we want to format the input text content and it works very smoothly. It is very lightweight and easy to get started with. In this tutorial, we will take a couple of examples to demonstrate how you can use Cleave.js to autoformat input ...
Read MoreAdding Animations on Scroll with HTML, CSS and AOS.js
AOS.js (Animation on Scroll) is an animation-providing JavaScript library that makes it easier to add tons of animations by simply changing the name of the class in the div tag in which you want to add an animation. While there are different animation JavaScript libraries out there, AOS.js is probably the simplest of them. In this tutorial, we will explore different types of animations that we can use in AOS.js with the help of different examples. The first category of animations that we will explore are the fading one's. Before we do that, we first need to make sure that ...
Read MoreCreating a Progress Bar using JavaScript
JavaScript is a powerful language that allows web developers to create dynamic and interactive web pages. It can be used to add a wide range of features to a website, such as a form validation, animation, and more. One of the most useful features that JavaScript can be used for is creating a progress bar. In this tutorial, we will walk you through the process of creating a progress bar using JavaScript. A progress bar is a graphical representation of the progress of a task, and can be used to give the user feedback on how long a task will ...
Read MoreUsing Sieve of Eratosthenes to find primes JavaScript
In this problem statement, our aim is to apply a sieve of eratosthenes algorithm to find out the prime numbers with the help of Javascript functionalities. So in our program we will implement a function to find primes numbers up to a given limit. Understanding the problem statement The problem statement is to write a function in Javascript that will work for finding the prime numbers up to a given number. And for implementing this function we will use the Sieve of Eratosthenes algorithm. What is the Sieve of Eratosthenes Algorithm ? The Sieve of Eratosthenes is an easy and ...
Read MoreSplit a range of number to a specific number of intervals JavaScript
In this problem statement, our task is to write the function splitting a range of numbers to a specific number of intervals with the help of Javascript. So for doing this task we will have to give start, end and the intervals. Understanding the problem statement The problem statement is saying to create a function which can split a range of numbers into a specific number of intervals. And the inputs will be starting and ending numbers of the range and the desired number of intervals. So the outcome should be the array of subarrays which shows each interval. These ...
Read MoreSpiraling the elements of a square matrix JavaScript
In this problem statement, our main aim is to spiral the elements of the square matrix with the help of Javascript functionalities. There are several methods that can be used to do this task in Javascript. Understanding the problem statement The problem statement is to write a function in Javascript that will show the output as spiraling the elements of a square matrix. For example, if we have a two dimensional matrix as [1, 2] [3, 4], if we spiral the elements in clockwise direction then the output array will be [1, 2, 4, 3]. Logic for the ...
Read MoreSpecial arrays in JavaScript
In this problem statement, our task is to show working of some special arrays and their characteristics in Javascript programming. In Javascript a special array can be dependent on the given context. The special arrays can refer to different types of arrays depending on the condition and context. There are some interpretations possible: Typed arrays, Sparse arrays and Array with string keys. What is the Typed Array? In Javascript there are many built-in methods available for typed array objects. These arrays are special in the context that they represent the array of a specific type of data in it. ...
Read More