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
Articles on Trending Technologies
Technical articles with clear explanations and examples
How to set div position relative to another div in JavaScript?
Setting div position relative to another div in JavaScript can be achieved through several methods including CSS positioning, Flexbox, and dynamic JavaScript positioning. Here are the most effective approaches. Method 1: Using CSS Positioning The most common approach uses CSS position: relative and position: absolute to position elements relative to each other. Relative Positioning .parent-div { ...
Read MoreHow to split string when the value changes in JavaScript?
To split a string when the character value changes in JavaScript, you can use the match() method with a regular expression that captures consecutive identical characters. Syntax string.match(/(.)\1*/g) How the Regular Expression Works The pattern /(.)\1*/g breaks down as: (.) - Captures any single character \1 - Matches the same character as captured in group 1 * - Matches zero or more of the preceding element g - Global flag to find all matches Example var originalString = "JJJJOHHHHNNNSSSMMMIIITTTTHHH"; var regularExpression = /(.)\1*/g; console.log("The original string = ...
Read MoreProgram to pick out duplicate only once - JavaScript
We have an array of literals that contains some duplicate values appearing for many times like this: const arr = [1, 4, 3, 3, 1, 3, 2, 4, 2, 1, 4, 4]; We are required to write a JavaScript function that takes in this array and pick out all the duplicate entries from the original array and only once. So, for the above array, the output should be: [1, 4, 3, 2] Method 1: Using indexOf and lastIndexOf This approach checks if an element's first and last occurrence positions are ...
Read MoreHow to format a number with two decimals in JavaScript?
This tutorial will teach us how to format a number with two decimals using JavaScript. Formatting a number means rounding the number up to a specified decimal place. In JavaScript, we can apply many methods to perform the formatting. Some of them are listed as follows − The toFixed() Method Math.round() Method Math.floor() Method Math.ceil() Method Using toFixed() Method (Recommended) The toFixed() method formats a number with a specific number of digits to the right of the decimal. It returns a string representation ...
Read MoreHow to set the padding of an element with JavaScript?
In this tutorial, we will look at the methods to set the padding of an element with JavaScript. Padding can be termed as the space between an element's content and its border, whereas margin adds space around the edge. The padding property in JavaScript allows you to control this internal spacing dynamically. Understanding CSS Padding Values Before diving into JavaScript implementation, let's understand how padding values work: padding: 10px; Sets 10px padding to all four sides (top, right, bottom, left) padding: 10px 20px; Sets 10px to top/bottom, 20px to ...
Read MoreDoes 'position: absolute' conflict with flexbox?
The position: absolute property can work with flexbox, but understanding their interaction is crucial for proper layout control. How Absolute Positioning Affects Flexbox When you apply position: absolute to a flex container, it removes the container from the normal document flow but maintains its flexbox properties for arranging child elements. Basic Example Here's how to combine absolute positioning with flexbox: .parent { display: flex; ...
Read MoreAdd or subtract space between the words of a sentence with CSS
The word-spacing property is used to add or subtract space between the words of a sentence. Possible values are normal or a number specifying space. Syntax word-spacing: normal | length | initial | inherit; Parameters Value Description normal Default spacing between words length ...
Read Moreimg-rounded Bootstrap class
Use the img-rounded Bootstrap class to style your image and give it rounded corners. This class applies CSS border-radius to create smooth, rounded edges on images. Syntax Example Bootstrap Images Styling Images with Bootstrap ...
Read MoreHow to convert a node list to an array in JavaScript?
A NodeList is returned by DOM methods like querySelectorAll() and getElementsByClassName(). While it's array-like, it doesn't have all array methods. Converting it to a true array gives you access to methods like map(), filter(), and forEach(). Using Array.from() (Recommended) The Array.from() method is the modern and most readable way to convert a NodeList to an array: Convert NodeList to Array body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; padding: ...
Read MoreCheck for Ugly number in JavaScript
In the decimal number system, ugly numbers are positive integers whose only prime factors are 2, 3, or 5. This means an ugly number can be expressed as 2i × 3j × 5k where i, j, and k are non-negative integers. For example, the integers 1, 2, 3, 4, 5, 6, 8, 9, 10, 12 are all ugly numbers because they only contain the prime factors 2, 3, and 5. However, 7, 11, 13, 14 are not ugly numbers as they contain other prime factors. Algorithm To check if a number is ugly, we repeatedly divide it ...
Read More