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
HTML 5 video or audio playlist
HTML5 provides the onended event that fires when audio or video playback completes. This event is essential for creating video playlists, showing completion messages, or automatically loading the next media file. Basic onended Event Example The onended event allows you to execute JavaScript when media playback finishes. Here's a simple example that shows a message: Your browser does not support the video ...
Read MoreDescendent Selectors in CSS
CSS descendant selectors allow you to apply styles to elements that are nested inside other elements. This targeting method helps create specific styling rules without affecting similar elements elsewhere on the page. Syntax ancestor descendant { property: value; } The descendant selector uses a space between two selectors to target elements that are children, grandchildren, or any level deep within the ancestor element. Example: Styling Emphasized Text in Lists Apply yellow color to elements only when they appear inside tags: ul ...
Read MoreCount groups of negatives numbers in JavaScript
We have an array of numbers like this: const arr = [-1, -2, -1, 0, -1, -2, -1, -2, -1, 0, 1, 0]; Let's say, we are required to write a JavaScript function that counts the consecutive groups of negative numbers in the array. Like here we have consecutive negatives from index 0 to 2 which forms one group and then from 4 to 8 forms the second group. So, for this array, the function should return 2. Understanding the Problem A group of consecutive negative numbers is defined as: One ...
Read MoreHow can we debug JavaScript using Firefox?
In this tutorial, we will learn to debug JavaScript code using the Firefox web browser. Debugging helps us identify and fix unknown bugs and errors in our code. Even experienced programmers encounter situations where code works fine one day but suddenly crashes the next. Don't worry if your code crashes — once you learn debugging techniques, you can fix most bugs quickly and efficiently. Let's start by creating an example with a deliberate bug to demonstrate the debugging process. Example Code with Bug In this example, we'll create a simple string comparison tool that takes two input ...
Read MoreWhich is the event when the browser window is resized in JavaScript?
The resize event fires when the browser window is resized. You can listen for this event using window.addEventListener() or the onresize attribute to detect window size changes. The resize Event The resize event is triggered whenever the browser window dimensions change. This includes maximizing, minimizing, or manually dragging the window borders. Method 1: Using addEventListener() Window Resize Event Window Resize Detector Resize your browser window to see the dimensions update: ...
Read MoreConverting video to HTML5 ogg / ogv and mpg4
Converting videos to HTML5-compatible formats (OGG/OGV and MP4) ensures cross-browser compatibility for web video playback. HTML5 video elements require specific codecs and containers that not all browsers support uniformly. Why Convert to HTML5 Video Formats? Different browsers support different video formats. To ensure maximum compatibility, you need multiple formats: MP4 (H.264) - Supported by most modern browsers OGG/OGV (Theora) - Open source format, supported by Firefox and older browsers WebM - Google's format, widely supported Using Free HTML5 Video Player And Converter This third-party software simplifies the conversion process with preset configurations optimized ...
Read MoreClass Selectors in CSS
You can define style rules based on the class attribute of the elements. All the elements having that class will be formatted according to the defined rule. Basic Class Selector Syntax Class selectors start with a dot (.) followed by the class name: .black { color: #808000; } This rule renders the content in olive color for every element with class attribute set to "black" in the document. Element-Specific Class Selectors You can make class selectors more specific by combining them with element selectors: h1.black { ...
Read MoreContinuing a loop in functional programming JavaScript.
In functional programming JavaScript, there's no direct equivalent to the continue statement used in traditional loops. However, you can achieve similar behavior using array methods like filter(), forEach(), and some(). The Problem with Traditional Continue Traditional for loops use continue to skip iterations, but functional programming relies on array methods that don't support continue directly. Method 1: Using filter() and forEach() The most functional approach is to filter out unwanted elements first, then process the remaining items: Functional Loop Continue body { ...
Read MoreCompare two objects in JavaScript and return a number between 0 and 100 representing the percentage of similarity
When comparing objects in JavaScript, we often need to determine their similarity as a percentage. This is useful for data matching, filtering, or recommendation systems. Problem Overview Given two objects, we need to calculate their similarity percentage based on matching key-value pairs. The similarity is calculated by dividing the count of matching properties by the total properties in the smaller object. const a = { Make: "Apple", Model: "iPad", hasScreen: "yes", Review: "Great product!", }; const b = { ...
Read MoreMatching strings for similar characters - JavaScript
We are required to write a JavaScript function that accepts two strings and a number n. The function matches the two strings i.e., it checks if the two strings contains the same characters. The function returns true if both the strings contain the same character irrespective of their order or if they contain at most n different characters, else the function should return false. Example Following is the code − const str = 'some random text'; const str2 = 'some r@ndom text'; const deviationMatching = (first, second, num) => { ...
Read More