Found 6685 Articles for Javascript

How to find unique characters of a string in JavaScript?

Kalyan Mishra
Updated on 16-Aug-2022 06:52:49

3K+ Views

In this tutorial, we will see different approaches to finding unique characters in a string. Simply say when a character once occurred in the string then it will not be included in the string again. Example Input tutorialspoint Output tuorialspn Method 1: Using the Set So, in this approach, we will use a set data structure as you know it contains only unique elements inside it. So, we will take input from the user then we will convert that into an array by splitting then we will create a new ... Read More

Difference between JavaScript and AngularJS

Pradeep Kumar
Updated on 10-Aug-2022 07:17:29

4K+ Views

JavaScript is a scripting language that is used to generate dynamic HTML pages with interactive effects on a webpage that runs in the web browser of the client. On the other hand, Angular JS is a framework that is built on JavaScript and adds new functionalities to HTML. Its primary purpose is to facilitate the creation of dynamic and single-page web applications (SPAs). In this article, we are going to highlight the differences between Angular JS and JavaScript. Let's start with a basic understanding of JavaScript and AngularJS. What is JavaScript? JavaScript is a simple programming language that is most ... Read More

How to uncurry a function up to depth n in JavaScript?

Imran Alam
Updated on 04-Aug-2022 11:50:37

114 Views

In JavaScript, a function is considered "curried" if it takes one or more arguments and returns a new function that expects the remaining arguments. Currying is a powerful technique that can be used to create new functions from existing ones, or to "uncurry" a function up to depth n. Why do we uncurry a function? There are several reasons why you might want to uncurry a function. For example, you may want to − Use a curried function in a context where a non-curried function is expected Convert a curried function to a non-curried form to make it easier ... Read More

How to clone a given regular expression in JavaScript?

Imran Alam
Updated on 04-Aug-2022 11:49:04

240 Views

JavaScript's regular expression support is widely considered to be among the best in the world, but there's one area where it's lacking: there's no built-in way to clone a regular expression. This can be a problem when you need to create a new regular expression that is similar to an existing one but with a few small changes. The problem is that regular expressions are objects, and as such, they cannot be copied by simply assigning one to another. Consider the following code − var regex1 = /foo/; var regex2 = regex1; regex2 === regex1; // true In this ... Read More

How to design a video slide animation effect using HTML CSS JavaScript?

Imran Alam
Updated on 04-Aug-2022 11:46:31

1K+ Views

In this tutorial, we will be discussing how to create a video slide animation effect using HTML, CSS, and JavaScript. This can be used to create a simple yet effective way to grab attention and engage viewers. Applying the Animation Effect To apply the animation effect, we will be using a keyframe rule. This will tell the browser to change the CSS properties of an element over a period of time. In our case, we want the video to slide across the screen, so we will be using the transform property. What is the Keyframe Rule? The keyframe rule is ... Read More

What are the attributes that work differently between React and HTML?

Imran Alam
Updated on 04-Aug-2022 11:45:25

183 Views

React and HTML have different ways of handling attributes. In React, some attributes are treated as JavaScript, while in HTML they are treated as strings. This can lead to confusion when working with React and HTML together. Why React Treats Some Attributes as JavaScript? React treats some attributes as JavaScript because they are used to modify the behavior of the component. For example, the "onClick" attribute is used to add an event listener to the element. In React, this attribute is treated as JavaScript, not as a string. How This Affects Working with React and HTML? This difference in handling ... Read More

How to Design a Calculator with Neumorphism Effect/Soft UI in JavaScript?

Imran Alam
Updated on 04-Aug-2022 11:42:38

202 Views

In this tutorial, we will be discussing how to design a calculator using JavaScript with a neumorphic effect, also known as a soft UI. Neumorphism is a design trend that has been growing in popularity in recent years and is characterized by its soft, rounded edges and light/dark shading. Designing the Calculator The first step in designing our calculator is to come up with a basic layout. We will be using a 12-column grid, with the following elements − A input field for the user to enter numbers A output field for the results of the calculations A series ... Read More

How to get an object containing parameters of current URL in JavaScript?

Imran Alam
Updated on 04-Aug-2022 11:40:00

1K+ Views

JavaScript is a versatile scripting language that can be used in a number of ways. One such way is to use it to get information about the current URL. This can be useful in a number of situations, such as when you want to create a bookmark or when you want to redirect the user to a specific page. Using the Location Object The easiest way to get information about the current URL is to use the Location object. This object is a property of the window object and contains information about the current URL. To use it, simply call ... Read More

How to create a function that invokes each provided function using JavaScript?

Imran Alam
Updated on 04-Aug-2022 11:38:27

88 Views

In JavaScript, functions are first-class objects, which means they can be passed as arguments to other functions. This is a powerful feature that can be used to create some interesting patterns. One such pattern is the "invoke- each" pattern, where a function is created that invokes each provided function with the arguments it receives. Why Use the Invoke-Each Pattern? There are a few reasons why you might want to use the invoke-each pattern. First, it can be used as a way to abstract away the details of how a set of functions are invoked. This can be helpful if the ... Read More

How to render a list without rendering an engine in JavaScript?

Imran Alam
Updated on 04-Aug-2022 11:35:19

1K+ Views

In this tutorial, we'll be discussing how to render a list without rendering an engine in JavaScript. We'll go over the different methods and techniques that can be used to achieve this. Method 1: Using the Array.forEach() Method One way to render a list without rendering an engine in JavaScript is to use the Array.forEach() method. This method can be used to iterate over an array and execute a callback function for each element in the array. The callback function can be used to render the list. For example, we can use the callback function to create a list item ... Read More

Advertisements