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
An empty box is displayed instead of the rupee symbol in HTML
When displaying the Indian rupee symbol (₹) in HTML, you might encounter an empty box instead of the symbol due to browser compatibility or font issues. Here are reliable solutions to ensure proper rupee symbol display. The Problem The rupee symbol using HTML entity ₹ may not display correctly in all browsers or devices: ₹ This can appear as an empty box □ if the browser or font doesn't support the Unicode character. Using Font Awesome Icons (Recommended) Font Awesome provides cross-browser compatible rupee icons: ...
Read MoreSet Inset border with CSS
To set inset border with CSS, use the border-style property with value inset. The inset border style creates a 3D effect that makes the element appear pressed into the page. Syntax border-style: inset; /* or for specific sides */ border-top-style: inset; border-right-style: inset; border-bottom-style: inset; border-left-style: inset; Example .no-border { border-width: 4px; border-style: ...
Read MoreHow to convert dictionary into list of JavaScript objects?
In JavaScript, you can convert a dictionary (object) into a list of objects using various methods. The most common approaches are Object.values(), Object.entries(), and Object.keys() with mapping. What is a Dictionary in JavaScript? A dictionary in JavaScript is typically an object with key-value pairs where values can be primitives, arrays, or other objects. Dictionary to List Conversion Convert Dictionary to List of Objects Convert Dictionary ...
Read MoreAdding only odd or even numbers JavaScript
We are required to make a function that given an array of numbers and a string that can take any of the two values "odd" or "even", adds the numbers which match that condition. If no values match the condition, 0 should be returned. For example: conditionalSum([1, 2, 3, 4, 5], "even") => 6 conditionalSum([1, 2, 3, 4, 5], "odd") => 9 conditionalSum([13, 88, 12, 44, 99], "even") => 144 conditionalSum([], "odd") => 0 Using Array.reduce() Method We'll use the Array.prototype.reduce() method to iterate through the array and sum numbers based on the condition: ...
Read MoreHow to delete all the DB2 packages in collection COLL1?
A DB2 collection is a physical quantity which is used to group the packages. A collection can be simply termed as a group of DB2 packages. By using collections we can bind the same DBRM into different packages. In order to delete all the DB2 packages under a collection, we can issue the FREE PACKAGE command. Syntax FREE PACKAGE(collection_name.*) Example: Deleting All Packages in COLL1 To delete all packages in the collection named COLL1, use the following command: // DB2 command to delete all packages in COLL1 collection console.log("Executing: FREE PACKAGE(COLL1.*)"); ...
Read MoreCheck for Valid hex code - JavaScript
A string can be considered as a valid hex code if it contains no characters other than the 0-9 digits and a-f alphabets (case-insensitive). Hex codes are commonly used in web development for colors, cryptographic hashes, and other applications. For example: '3423ad' is a valid hex code '4234es' is an invalid hex code (contains 'e' and 's') We need to write a JavaScript function that takes in a string and checks whether it's a valid hex code or not. Method 1: Using includes() Method This approach checks each character against a string containing ...
Read MoreAre both addition and concatenation same in JavaScript?
In JavaScript, addition and concatenation are fundamentally different operations that can produce similar results depending on the data types involved. The + operator performs both operations contextually, while the concat() method is specifically for concatenation. The + operator behaves differently based on operand types: when at least one operand is a string, it performs concatenation; when both operands are numbers, it performs arithmetic addition. The concat() method, however, is only available for strings and arrays. String Operations For strings, both + operator and concat() method produce identical results. Using Addition (+) ...
Read MoreHow to set fontStyle, fontVariant, fontWeight, fontSize, lineHeight, and fontFamily in one declaration with JavaScript?
To set all the font properties in a single declaration, use the JavaScript font property. This shorthand property combines fontStyle, fontVariant, fontWeight, fontSize, lineHeight, and fontFamily into one statement. Syntax element.style.font = "fontStyle fontVariant fontWeight fontSize/lineHeight fontFamily"; Font Property Components The font property accepts values in a specific order: fontStyle: normal | italic | oblique fontVariant: normal | small-caps fontWeight: normal | bold | lighter | bolder | 100-900 fontSize: Required value (px, em, %, etc.) lineHeight: Optional, follows fontSize with "/" separator fontFamily: Required font name(s) Example ...
Read MoreHow to best display HTML5 geolocation accuracy on a Google Map?
To display HTML5 geolocation accuracy on a Google Map, you need to combine the Geolocation API with Google Maps to show both the user's position and the accuracy radius as a circle. Basic Setup First, get the user's location using the HTML5 Geolocation API and extract the accuracy information: Geolocation Accuracy on Map function initMap() { ...
Read MoreHow to keep the image at the back of the HTML5 canvas when moving elements with fabric.js?
When working with fabric.js, you might want to keep a background image fixed while allowing other elements to move freely on top. By default, fabric.js may reorder objects during interactions, potentially bringing background elements to the front. The Solution: preserveObjectStacking To maintain the proper layering order, use the preserveObjectStacking property when creating your fabric.js canvas: // Create canvas with preserveObjectStacking enabled ...
Read More