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
Clearfix Bootstrap class
The Bootstrap .clearfix class solves the common issue of parent containers collapsing when all child elements are floated. It ensures the parent container properly wraps around its floated children. What is Clearfix? When elements are floated using .pull-left or .pull-right, they are removed from the normal document flow. This can cause their parent container to have zero height, leading to layout problems. The .clearfix class forces the parent to expand and contain its floated children. Example Here's how to use the .clearfix class to properly contain floated elements: ...
Read MoreRemove leading zeros in a JavaScript array?
To remove leading zeros from a JavaScript array, we use the filter() method with a closure function that tracks when the first non-zero element is encountered. Once a non-zero value is found, all subsequent elements (including zeros) are kept. Input Examples [10, 0, 12, 0, 0] [0, 0, 0, 0, 0, 0, 10, 12, 0] [12, 0, 0, 1, 0, 0] Example const removeLeadingZero = input => input.filter((lastValue => value => lastValue = lastValue || value) (false) ); console.log(removeLeadingZero([10, 0, 12, 0, 0])); console.log(removeLeadingZero([0, ...
Read MoreHow to add and remove names on button click with JavaScript?
JavaScript allows you to dynamically add and remove names from a list using DOM manipulation methods. This functionality is commonly used in todo lists, user management interfaces, and interactive forms. HTML Structure First, we need a basic HTML structure with an input field, buttons, and a container for the names list: Add and Remove Names body { ...
Read MoreConvert a string to hierarchical object - JavaScript
Let's say, we have a special kind of string that contains characters in couples, like this: const str = "AABBCCDDEE"; console.log(str); AABBCCDDEE We are required to construct an object based on this string which should look like this: const obj = { code: "AA", sub: { code: "BB", sub: { code: "CC", ...
Read MoreHow to find the largest number contained in a JavaScript array?
In this tutorial, we will learn about the different methods to find the largest number contained inside a JavaScript array. An array is a collection of different values, and we need efficient ways to identify the maximum value. There are three main approaches to find the largest number in a JavaScript array: Traversing the Whole Array Using the reduce() Method Using the Math.max() and apply() methods Using Array Traversal (For Loop) This is the most straightforward approach where we iterate through each element and compare it with the current largest value. Algorithm Steps ...
Read MoreHow to set the color of the text-decoration with JavaScript?
In this tutorial, we will learn how to set the color of the text-decoration with JavaScript. The text-decoration is a CSS property used to decorate text lines. We can decorate a line using underline, overline, line-through, or none. To set the color of the text-decoration with JavaScript, we have multiple ways, and in this tutorial, we will discuss two of them − Using the style.textDecorationColor Property Using the style.setProperty Method Using the style.textDecorationColor Property In JavaScript, the style.textDecorationColor property of an element is used to set the color ...
Read MoreHow to create SVG graphics using JavaScript?
SVG (Scalable Vector Graphics) can be dynamically created and manipulated using JavaScript. This allows you to generate interactive graphics, charts, and animations programmatically. Creating SVG Elements with JavaScript To create SVG elements in JavaScript, use document.createElementNS() with the SVG namespace. Here's how to create a basic SVG container and add shapes: SVG with JavaScript // SVG namespace ...
Read MoreOverride HTML5 validation
HTML5 form validation can be overridden using JavaScript by removing validation attributes or preventing the default validation behavior. This is useful when you need custom validation logic or want to bypass built-in constraints. Method 1: Using removeAttribute() The removeAttribute() method removes validation attributes like required from form elements: First Name: Remove Required ...
Read MoreUsage of white-space property in CSS
The CSS white-space property controls how whitespace characters (spaces, tabs, line breaks) are handled within an element. It determines whether text wraps, how spaces are collapsed, and whether line breaks are preserved. Syntax white-space: normal | nowrap | pre | pre-wrap | pre-line | break-spaces; White-space Values Value Spaces Collapsed? Line Breaks Honored? Text Wraps? normal Yes No Yes nowrap Yes No No pre No Yes No pre-wrap No Yes Yes pre-line Yes Yes Yes Example: Using white-space: pre ...
Read MoreHow to add two strings with a space in first string in JavaScript?
To concatenate two strings in JavaScript, we use the '+' operator. When the first string already contains a trailing space, we can directly concatenate without adding an explicit space. However, if there's no space, we need to add one manually between the strings. Method 1: First String Has Trailing Space When the first string already ends with a space, simple concatenation is sufficient: function concatenateStrings(str1, str2) { return (str1 ...
Read More