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
Referring JavaScript function from within itself
In JavaScript, a function can call itself from within its own body, which is known as recursion. This technique is useful for tasks like calculating factorials, traversing nested structures, or repeating operations until a condition is met. What is Recursion? Recursion occurs when a function calls itself. Every recursive function needs two key elements: a base case (condition to stop) and a recursive case (function calling itself with modified parameters). Basic Example: Factorial Function Recursion Example ...
Read MoreRemove duplicates from an array keeping its length same in JavaScript
We have to write a function that takes in an array, removes all duplicates from it and inserts the same number of empty strings at the end. For example − If we find 4 duplicate values we have to remove them all and insert four empty strings at the end. Therefore, let's write the code for this problem − Problem Analysis The task requires us to: Remove duplicate elements from the array Keep only the last occurrence of each element Replace removed duplicates ...
Read MoreBest way to find two numbers in an array whose sum is a specific number with JavaScript?
Finding two numbers in an array that sum to a target value is a common programming problem. We'll explore an efficient solution using JavaScript. Problem Statement Given an array of numbers, find two elements whose sum equals a specific target value: var numbers = [10, 3, 40, 50, 20, 30, 100] Target sum = 80 We need to find pairs like (50, 30) where 50 + 30 = 80. Efficient Solution Using Hash Map The optimal approach uses a hash map to store visited numbers and their complements, achieving O(n) time complexity: ...
Read MorePrettify JSON data in textarea input in JavaScript?
JSON data can become difficult to read when it's minified or poorly formatted. JavaScript provides built-in methods to prettify JSON data in textarea elements using JSON.parse() and JSON.stringify(). How It Works The process involves three steps: Parse the JSON string using JSON.parse() to validate and convert it to an object Use JSON.stringify() with spacing parameters to format the object Replace the textarea content with the prettified JSON Example JSON Prettifier ...
Read MoreDistance to nearest vowel in a string - JavaScript
We are required to write a JavaScript function that takes in a string with at least one vowel, and for each character in the string we have to map a number representing its nearest distance from a vowel. For example: If the string is − const str = 'vatghvf'; Then the output should be − const output = [1, 0, 1, 2, 3, 4, 5]; How It Works The algorithm works by: Finding all vowel positions in the string For each character, calculating the minimum distance to any vowel ...
Read MoreCross-origin data in HTML5 Canvas
When working with HTML5 Canvas, you may encounter cross-origin restrictions when trying to draw images, videos, or other media from different domains. This security feature prevents potential data leaks but can be managed using proper CORS configuration. What is Cross-Origin Data in Canvas? Cross-origin data refers to resources (images, videos, audio) loaded from a different domain than your web page. When you draw such content onto a canvas, the canvas becomes "tainted" and restricts certain operations like toDataURL() or getImageData() for security reasons. Using the crossorigin Attribute Add the crossorigin attribute to HTML elements to request ...
Read MoreSet the width of an image with CSS
The CSS width property is used to set the width of an image. This property can have values in pixels, percentages, or other CSS length units. When using percentage values, the width is calculated relative to the containing element. Syntax img { width: value; } Common Width Values The width property accepts several types of values: Pixels (px) - Fixed width in pixels Percentage (%) - Width relative to parent container Auto - Browser calculates width automatically Viewport units (vw) - Width relative to viewport Example: ...
Read MoreAlign the components with Bootstrap
Bootstrap provides utility classes to align navbar components horizontally. Use .navbar-left to float elements to the left and .navbar-right to float elements to the right within the navbar. Alignment Classes Bootstrap offers two primary classes for navbar alignment: .navbar-left - Floats elements to the left side of the navbar .navbar-right - Floats elements to the right side of the navbar These classes can be applied to navigation lists, forms, buttons, and text elements within the navbar. Example Here's a complete example demonstrating left and right alignment of various navbar components: ...
Read MoreHow to clone a js object except for one key in javascript?
In JavaScript, cloning an object except for one key means creating a copy of an object while excluding specific properties. This is a common requirement when you need to create modified versions of objects without mutating the original. There are several approaches to accomplish this, depending on whether you need a shallow or deep clone: Shallow Clone - Copies only the top-level properties Deep Clone - Recursively copies all nested objects and arrays Understanding Shallow vs Deep Cloning Shallow Clone A shallow clone copies the object's structure but not nested objects. Both the original ...
Read MoreJavaScript to generate random hex codes of color
Generating random hex color codes in JavaScript involves creating a 6-character string from hexadecimal digits (0-9, A-F) and prefixing it with '#'. This is useful for creating dynamic color schemes, themes, or visual effects. Understanding Hex Color Codes Hex color codes use the format #RRGGBB where each pair represents red, green, and blue values in hexadecimal (0-F). For example, #FF0000 is pure red, #00FF00 is green, and #0000FF is blue. Method 1: Using Math.random() with Character Selection Random Hex Color Generator ...
Read More