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
Articles by Shubham Vora
Page 31 of 80
Toggle class by adding the class name when element is clicked and remove when clicked outside
Sometimes, we need to highlight the HTML element when we click it and make it normal when we click outside the HTML element. We can achieve it by toggling the class in the element. Here, the meaning of the toggling class is adding and removing the class. In this tutorial, we will learn to add the class name to the element when users click the element and remove the class name from the element when users click outside the element. Using the Add() and Remove() Method to Toggle Class When Clicking Inside and Outside of the Element In JavaScript, add() ...
Read MoreSnowfall Animation Effect using CSS
We can create an animation using HTML and CSS. When we add animation to the webpage, it improves the UX of the application. We can create various animations using the CSS keyframes property and use it using the ‘animation’ CSS property. In this tutorial, we will learn to create a snowfall animation effect using CSS. Syntax Users can follow the syntax below to create a snowfall animation effect using CSS. .snow{ animation: snow 7s linear infinite; } .snow:nth-child(2) { left: 20%; animation-delay: 1s; } In the above syntax, ...
Read MoreJavaScript Program to Count Rotations Divisible by 8
Problem Statement − We have given a number. We need to rotate the number and need to find the total number of rotations divisible by 8. Here, we will learn two different approaches to counting rotations divisible by 8. Rotate the Number and Check if Rotation is Divisible by 8 The first approach is to rotate numbers and get every possible rotation one by one. Also, check if rotation is divisible by 8. If yes, add 1 to the count. Syntax Users can follow the syntax below to count rotations divisible by 8 by rotating the numbers. for ( ) ...
Read MoreJavaScript Program to Count Rotations Divisible by 4
In this tutorial, we will learn to count the total number of rotations divisible by 4 for the given number. Problem statement − We have given a number value. We need to rotate numbers in clockwise or anti-clockwise directions and count the total number of rotations divisible by 4. Here, we will learn two different approaches to counting rotations divisible by 4. Rotate the Number and Check if it is Divisible by 4 In this approach, we will convert the number to a string first. We can make n rotations for the string of length n. We will remove the ...
Read MoreJavaScript Program to Count Inversions of size three in a given array
In this tutorial, we will learn to count inversions of size three in a given array. Problem statement − We have given an array of length n containing the different numeric entries. We need to find the total number of pairs of numbers of size 3 such that arr[i] > arr[j] > arr[k], where I < j < k. Here, we will learn the brute force approach first and after that, we will optimize its time and space complexity. Using the Brute Force Approach In the brute force approach, we will use three nested for loops to find a count ...
Read MoreHow to conditionally add a member to an object using JavaScript?
The object is the most important data type of JavaScript. Even everything is an object in JavaScript. For example, Array is an object, and Number, String, and Boolean can also be an object. Sometimes, developers require to insert properties into the object based on some condition. For example, we have an object of the person, and we only require adding the driving licence property if a person is 18 years old. Here, we will learn different approaches to adding a member to an object using JavaScript conditionally. Using the Spread Operator to add a Member to an Object Conditionally The ...
Read MoreHow to create an id using mongoose in Javascript?
In this tutorial, we will learn to create an id using mongoose in JavaScript. Users can use the Mongoose NPM package in NodeJS to use MongoDB with NodeJS or connect MongoDB with the application. While storing the data in the MongoDB database, we must add a unique id to every data collection. However, if we don’t add an id, it generates automatically and adds to the data. Syntax Users can follow the syntax below to create an id using mongoose in JavaScript. var newId = new mongoose.mongo.ObjectId(); In the above syntax, we access the ‘mongo’ from the mongoose and ...
Read MoreFinding the time elapsed in JavaScript
Sometimes, it requires finding the total time elapsed while performing some operations in JavaScript. For example, we require to find the total time elapsed from users who have updated their profiles. Also, there can be other similar use cases where we need to find the difference between the particular time and the current time, finding the total time elapsed. Here, we will learn various approaches to finding the time elapsed in JavaScript. Using the Date() Object to find the time Elapsed in JavaScript In JavaScript, we can get the current time using the Date() object constructor. It returns the total ...
Read MoreFind the OR and AND of Array elements using JavaScript
In JavaScript, we can use the ‘&&’ operator to perform the AND operation between two elements and the ‘||’ operator to perform OR operation between two elements. Here, we will learn to perform OR and AND operations between every element of the array. Use the for Loop We can use the for loop to iterate through the array elements a nd do an OR operation of the array element with the resultant elements. Syntax Users can follow the syntax below to use the for loop to take OR or AND operation of every element. for () { ...
Read MoreHow to concatenate regex literals in JavaScript?
The regex literals are regular expressions, a sequence of characters to match the strings. Sometimes, developers require to combine regular expressions. However, a regular expression is also one type of string, but we can’t concat them like a string using the ‘+’ operator. So, we first require to get flags from both regular expressions. After that, we must filter all unique flags and create a new Regex after combining multiple Regex literals. Syntax Users can follow the syntax below to concatenate regex literals in JavaScript. let allFlags = regex1.flags + regex2.flags; let uniqueFlags = new Set(allFlags.split('')); allFlags = [...uniqueFlags].join(''); let ...
Read More