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 get the id of a form containing a dropdown list with JavaScript?
In this tutorial, we will learn how to get the id of a form containing a dropdown list using JavaScript. The id property of an HTML element provides a unique identifier. The id property value must be unique within the HTML document. JavaScript uses it to access and manipulate elements with the specified id. A dropdown menu (also called a select element) provides a list of options where users can choose one item from multiple available options. Following are the methods to get the id of a form containing a dropdown list with JavaScript: Using the ...
Read MoreHow to set the font family for text with JavaScript?
In this tutorial, we will learn how to set the font family for text with JavaScript. The font-family is a CSS property that specifies a prioritized list containing one or more font family names and generic family names for the text of an HTML element. To set the font-family for text with JavaScript, we have multiple ways, and in this tutorial, we will discuss two of them − Using the style.fontFamily Property Using the style.setProperty Method Using the style.fontFamily Property The style.fontFamily property sets a list of font ...
Read MoreMake HTML5 Canvas fill the whole page
To make an HTML5 canvas fill the entire browser viewport, you need to remove default margins/padding and set the canvas dimensions to 100% of the page. CSS Setup First, reset the default browser styles and set up the HTML structure: * { margin: 0; padding: 0; } body, html { height: 100%; overflow: hidden; /* Prevents scrollbars */ } #canvas { position: absolute; top: 0; left: 0; ...
Read MoreFeatures detected by Modernizr
Modernizr is a JavaScript library that detects HTML5 and CSS3 features in browsers. It provides both CSS classes and JavaScript properties to help developers create progressive enhancement strategies. How Feature Detection Works Modernizr adds CSS classes to the element and creates JavaScript properties on the Modernizr object. This allows you to apply styles or run scripts only when features are supported. // Check if canvas is supported if (Modernizr.canvas) { console.log("Canvas is supported!"); } else { console.log("Canvas not supported - provide fallback"); } Complete Feature ...
Read MoreChange the color of the bottom border with CSS
The border-bottom-color CSS property changes the color of an element's bottom border. This property only affects the color, not the width or style of the border. Syntax border-bottom-color: color; Parameters The property accepts standard CSS color values including hex codes, RGB values, HSL values, and named colors. Example p.demo { border: 4px solid black; ...
Read MoreMixins in JavaScript
Multiple-inheritance is not supported by JavaScript by default. But sometimes we need to mix multiple object properties into a single object. Object property sharing can be done using mixins. In this article, we shall cover what are mixins in JavaScript. The definition of mixins can be stated as mixins is a class that contains methods that can be used by other classes without inheriting from that class. The methods in mixin provide certain behavior which is not used alone but can be used to add these behaviors to other classes. Basic Mixin with Object.assign() See the following ...
Read MoreWhat is JSlint error "missing radix parameter" in JavaScript?
The parseInt function in JavaScript has the following signature: parseInt(string, radix); Where the parameters are: string − The value to parse. If this argument is not a string, then it is converted to one using the ToString method. Leading whitespace in this argument is ignored. radix − An integer between 2 and 36 that represents the radix (the base in mathematical numeral systems) of the string. The Problem: Omitting the Radix Parameter If the radix parameter is omitted, JavaScript assumes the following: If the string begins ...
Read MoreJavaScript code to print last element of an array
Getting the last element of an array is a common operation in JavaScript. There are several methods to accomplish this, with different approaches depending on whether you want to modify the original array or not. Using Array Length (Recommended) The most efficient method uses the array's length property to access the last index: Last Array Element Array: ["A", 1, 2, 3, "B", "D"] Get Last Element ...
Read MoreReturning an array with the minimum and maximum elements JavaScript
Finding the minimum and maximum elements in a JavaScript array is a common task. This tutorial shows how to return both values in a single array using different approaches. const arr = [12, 54, 6, 23, 87, 4, 545, 7, 65, 18, 87, 8, 76]; We need to write a function that finds the minimum and maximum elements and returns them as an array with minimum at index 0 and maximum at index 1. Using Array.reduce() Method The reduce() method provides an efficient way to traverse the array once and track both minimum and ...
Read MoreFinding content of arrays on the basis of specific property in JavaScript?
When working with arrays of objects in JavaScript, you often need to find and merge content based on matching properties. The find() method combined with map() provides an effective solution for this common task. Understanding the Problem Consider two arrays of student records where you want to find matching students based on their roll numbers and merge or replace data from the second array when matches are found. Using map() with find() The map() method creates a new array by transforming each element, while find() searches for the first matching element in another array. ...
Read More