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
Set the distance between the marker and the text relating to that marker with CSS
The marker-offset property was a CSS property designed to control the distance between list markers and their associated text content. However, this property has been deprecated and is no longer supported in modern browsers. What was marker-offset? The marker-offset property was intended to set the spacing between the list marker (bullet, number, etc.) and the text content of list items. It accepted length values like pixels, ems, or centimeters. Syntax (Deprecated) marker-offset: | auto; Example (No Longer Works) This code demonstrates how marker-offset was supposed to work, but it will not ...
Read MoreClearing the elements of the PriorityQueue using Javascript
In JavaScript, clearing a PriorityQueue can be accomplished by resetting the container array that holds the queue elements. This is a simple but effective approach. Clear Method Implementation The most straightforward way to clear a PriorityQueue is to reassign the container to an empty array: clear() { this.container = []; } Complete Example Here's a working example demonstrating the clear functionality with a basic PriorityQueue implementation: class PriorityQueue { constructor() { this.container = []; ...
Read Mored vs D in JavaScript?
In JavaScript regular expressions, \d and \D are metacharacters used to match different types of characters in strings. Understanding their differences is essential for effective pattern matching. \d matches any single digit character (equivalent to [0-9]), while \D matches any character that is NOT a digit (equivalent to [^0-9]). These metacharacters are complete opposites of each other. Syntax Both metacharacters can be used in two ways: // Using RegExp constructor new RegExp("\d", "g") // matches digits new RegExp("\D", "g") // matches non-digits // Using regex literal /\d/g ...
Read MoreWhat is JavaScript type coercion?
Type coercion in JavaScript refers to the automatic conversion of values from one data type to another. This happens implicitly when JavaScript needs to perform operations between different types. How Type Coercion Works JavaScript automatically converts types in certain situations, such as when using operators or comparing values. This can sometimes lead to unexpected results if you're not familiar with the coercion rules. String Coercion Example Type Coercion Example JavaScript Type Coercion ...
Read MoreRecursive sum all the digits of a number JavaScript
Let's say, we are required to create a function that takes in a number and finds the sum of its digits recursively until the sum is a one-digit number. For example − findSum(12345) = 1+2+3+4+5 = 15 = 1+5 = 6 So, the output should be 6. How Recursive Digit Sum Works The process involves two levels of recursion: Extract and sum individual digits of a number Repeat the process until we get a single digit Method 1: Using Mathematical Operations ...
Read MoreJavaScript algorithm for converting Roman numbers to decimal numbers
For converting a Roman numeral into a decimal number, JavaScript provides simple and efficient ways. Roman numerals are a number system that started in ancient Rome and are still used today in different situations. Converting Roman numerals to decimal (integer) values can be useful in many applications, such as date conversions, numbering systems, or educational tools. In this article, we will see a JavaScript algorithm to convert Roman numerals into decimal numbers efficiently. Understanding Roman Numerals Roman numerals are a number system that uses combinations of letters from the Latin alphabet to represent values. It uses seven letters to ...
Read MoreHow to create and apply CSS to JavaScript Alert box?
The standard alert box in JavaScript does not provide the option to apply CSS. To style your alert box, you need to create a custom one first. The custom alert box will be created using jQuery and styles will be applied to CSS. Why Custom Alert Boxes? JavaScript's built-in alert() function creates browser-native dialogs that cannot be styled. Custom alert boxes give you complete control over appearance, animations, and user experience. Example You can try to run the following code to learn how to create and apply CSS to alert box: ...
Read MoreHow to work with document.embeds in JavaScript?
The document.embeds property in JavaScript provides access to all elements in an HTML document. It returns an HTMLCollection containing all embed elements, which is useful for managing embedded content like videos, audio files, or plugins. Syntax document.embeds document.embeds.length document.embeds[index] document.embeds.namedItem(name) Basic Example Here's how to count and access embed elements in a document: Document Embeds Example ...
Read MoreHow to set an element's display type with JavaScript?
In JavaScript, you can control an element's visibility and layout behavior by modifying its display property through the DOM. This property accepts various values like block, inline, flex, or none to hide elements completely. Syntax element.style.display = "value"; Where value can be block, inline, flex, grid, none, or other CSS display values. Example: Hiding an Element You can try to run the following code to set an element's display type with JavaScript: ...
Read MoreWhy cannot I use iframe absolute positioning to set height/width
iFrames are replaced elements in CSS, which behave differently from non-replaced elements like . This difference affects how absolute positioning properties work with dimensions. The Problem with iframe Positioning Unlike regular elements, iframes don't respond predictably to simultaneous top/bottom or left/right positioning for sizing. Setting both top: 0 and bottom: 0 won't automatically stretch an iframe to fill the container height. Solution: Wrapper Div Approach The recommended solution is to wrap your iframe in a element and apply absolute positioning to the wrapper instead. ...
Read More