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
Style the numbering characters in an ordered list with CSS
The list-style-type property allows you to control the appearance and style of numbering characters in ordered lists. This CSS property offers various numbering formats including decimal, roman numerals, letters, and more. Syntax list-style-type: decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none; Common list-style-type Values Value Description Example Output decimal Default numbers 1, 2, 3 lower-roman Lowercase Roman numerals i, ii, iii upper-roman Uppercase Roman numerals I, II, III lower-alpha Lowercase letters a, b, c upper-alpha Uppercase letters A, B, ...
Read MoreClearing the elements of the Queue in Javascript
We can clear all elements from a queue by reassigning the container to an empty array. This is the most efficient way to remove all queue elements at once. Syntax clear() { this.container = []; } Example Here's a complete example showing how the clear method works with a queue implementation: class Queue { constructor(maxSize = 10) { this.container = []; this.maxSize = maxSize; ...
Read MoreHow to execute a cube of numbers of a given array in JavaScript?
To calculate the cube of each number in an array, you can use several approaches. The most common methods involve iterating through the array and applying the cube operation (n³) to each element. Using a for Loop The traditional approach uses a for loop to iterate through the array and replace each element with its cube: var numbers = [1, 2, 3, 4, 5]; // Calculate cube of each element for (var i = 0; i ...
Read MoreHow to hide/show HTML elements in JavaScript?
JavaScript provides several ways to hide and show HTML elements by manipulating their CSS properties. The most common approach is using the display property with values like none (to hide) and block (to show). Hiding an Element To hide an element, set its display property to none. This removes the element from the document flow completely. Example In the following example, clicking the "Hide Me" button hides the paragraph text: Using JavaScript to hide HTML elements. Showing an Element ...
Read MoreHow to programmatically set the value of a select box element using JavaScript?
We can set the value of a select box using JavaScript by accessing the element and changing its value property. This is useful for dynamically updating form selections based on user interactions or application state. HTML Setup First, let's create a select element with multiple options: Select Apple Strawberry Cherry Guava Method 1: Using querySelector and value Property The most common approach is to use querySelector to find the element and ...
Read MoreAdd class (odd and even) in HTML via JavaScript?
JavaScript provides several ways to add CSS classes to HTML elements based on odd and even positions. You can use CSS nth-child selectors or JavaScript to dynamically add classes to elements. Method 1: Using CSS nth-child Selectors The simplest approach is using CSS nth-child(odd) and nth-child(even) selectors to style elements directly: Odd Even Classes .subjectName:nth-child(odd) { ...
Read MoreHow to join two arrays in JavaScript?
In JavaScript, there are several methods to join two arrays together. The most common approaches are using the concat() method and the spread operator. Using concat() Method The concat() method creates a new array by merging two or more arrays without modifying the original arrays. Join Arrays with concat() Join Arrays using concat() Join Arrays ...
Read MorePad a string using random numbers to a fixed length using JavaScript
We need to write a function that takes a string and a target length, then pads the string with random numbers until it reaches the specified length. This is useful for creating fixed-length identifiers or codes. How It Works The function uses recursion to add random digits (0-9) to the end of the string until it reaches the target length. Each recursive call generates a new random digit using Math.random(). Implementation const padString = (str, len) => { if(str.length < len){ const random ...
Read MoreWhy can't my HTML file find the JavaScript function from a sourced module?
When an HTML file cannot find JavaScript functions from a sourced module, it's usually because the function isn't properly exported from the module or the import statement is incorrect. ES6 modules require explicit export/import statements to share functions between files. The Export Problem Functions in JavaScript modules are not globally accessible unless explicitly exported. Without the export keyword, functions remain private to the module. demo.js console.log("function will import"); export function test(){ console.log("Imported!!!"); } Example: Complete Module Import index.html ...
Read MoreHow to set the initial length of a flexible item with JavaScript?
In this tutorial, we will learn how to set the initial length of a flexible item with JavaScript. Flexbox is a one-dimensional layout model that distributes space among items in an interface and provides flexible item alignment properties. It creates flexible items. Use the flexBasis property in JavaScript to set the initial length of a flexible item. In this tutorial, we will see two approaches to setting the initial length of a flexible item: Using the property style.flexBasis Using the method style.setProperty Using the style.flexBasis Property The style flexBasis is a flexbox property ...
Read More