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
How to sort an HTML table using JavaScript?
Sorting HTML tables using JavaScript allows for dynamic data organization without server requests. This technique uses DOM manipulation to reorder table rows based on cell content. How Table Sorting Works The sorting algorithm compares adjacent rows and swaps them if they're in the wrong order. This bubble sort approach continues until all rows are properly sorted alphabetically. Ron Shawn Caleb Compare After ...
Read MoreHow can I disable JavaScript click function if link starts with #?
In JavaScript, you can disable click functionality for links that start with "#" using preventDefault() and CSS selectors. This technique prevents hash links from executing click handlers while allowing normal links to work. Problem Sometimes you need to apply click handlers to most links but exclude hash links (href="#") that are used for navigation or placeholder purposes. Solution Using jQuery Use the :not() selector to exclude links with href="#" from the click handler: Disable Hash Link Clicks ...
Read MoreUsing '{ }' in JavaScript imports?
In JavaScript ES6 modules, curly braces { } are used for named imports, allowing you to import specific exported functions, variables, or classes from a module. Syntax // Named imports import { functionName, variableName } from './module.js'; // Named imports with alias import { originalName as newName } from './module.js'; // Mixed import import defaultExport, { namedExport } from './module.js'; Example JavaScript Named Imports ...
Read MoreLoop backward in array of objects JavaScript
When working with arrays of objects in JavaScript, you may need to iterate through them in reverse order. This is useful for tasks like displaying data from newest to oldest or building strings that reverse the original order. We have an array of objects like this: let data = [ {id:1, Name: "Abe", RowNumber: 1 }, {id:2, Name: "Bob", RowNumber: 2 }, {id:3, Name: "Clair", RowNumber: 3 }, {id:4, Name: "Don", RowNumber: 3.0 }, {id:5, Name: "Edna", ...
Read MoreFinding special array - JavaScript
An array is a special array if: - All the elements at odd indices are odd - All the elements at even indices are even We need to write a JavaScript function that takes an array and checks if it's a special array or not. Understanding the Logic For an array to be special: Index 0 (even): element must be even Index 1 (odd): element must be odd Index 2 (even): element must be even Index 3 (odd): element must be odd The key insight is that arr[i] % 2 should ...
Read MoreMatch any single character outside the given set.
To match any single character outside the given set with JavaScript RegExp, use the [^...] metacharacter. The caret ^ inside square brackets creates a negated character class that matches any character NOT in the specified set. Syntax /[^characters]/flags Where characters are the characters you want to exclude from matching. Example: Matching Characters Outside a Set JavaScript Regular Expression var myStr = "Welcome!"; var ...
Read MoreWhy does the JavaScript need to start with ";"?
JavaScript uses semicolons (;) to separate statements and avoid potential issues with automatic semicolon insertion (ASI). Starting lines with semicolons is a defensive programming practice. The Problem Without Semicolons JavaScript automatically inserts semicolons at line breaks, but this can cause unexpected behavior when lines are concatenated: // Without defensive semicolon let result = getValue() (function() { console.log("This might not work as expected"); })(); function getValue() { return "Hello"; } JavaScript interprets this as calling getValue() with a function as an argument, which causes an error. ...
Read MoreChange the style of the right border with CSS
The border-right-style property in CSS controls the appearance and style of an element's right border. It accepts various values like solid, dashed, dotted, double, and more to create different visual effects. Syntax border-right-style: value; Common Values Value Description solid Single solid line dashed Dashed line pattern dotted Dotted line pattern double Two parallel solid lines none No border (default) Example: Different Right Border Styles .solid-border { border-right-width: 3px; ...
Read MoreReturn the maximum number in each array using map JavaScript
We have an array of arrays of Numbers like this one: const arr = [ [12, 56, 34, 88], [65, 66, 32, 98], [43, 87, 65, 43], [32, 98, 76, 83], [65, 89, 32, 54], ]; We are required to write a function that maps over this array of arrays and returns an array that contains the maximum (greatest) element from each subarray. Using Math.max() with Spread Operator The most straightforward approach is to use Math.max() with the spread operator to find the maximum ...
Read MoreHow to check whether multiple values exist within a JavaScript array
We are required to write a JavaScript function that takes in two arrays of Numbers and checks whether all the elements of the first array exist in the second or not. Following are our arrays − const arr1 = [34, 78, 89]; const arr2 = [78, 67, 34, 99, 56, 89]; Let's write the code and check for multiple values − Using indexOf() Method const arr1 = [34, 78, 89]; const arr2 = [78, 67, 34, 99, 56, 89]; const contains = (first, second) => { const ...
Read More