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 detect point on canvas after canvas rotation in HTML5
When working with HTML5 canvas rotation, detecting the correct coordinates of points becomes challenging because the canvas coordinate system changes. This article shows how to create a transform class to handle point detection after canvas rotation. The Problem When you rotate a canvas, the coordinate system rotates with it. A point at (5, 6) on the original canvas will have different coordinates after rotation. You need to transform these coordinates to match the rotated canvas. Creating a Transform Class Here's a complete Transform class that handles canvas rotations and point transformations: ...
Read MoreBinary Tree in Javascript
Binary Tree is a special data structure used for data storage purposes. A binary tree has a special condition that each node can have a maximum of two children. A binary tree has the benefits of both an ordered array and a linked list as search is as quick as in a sorted array and insertion or deletion operation are as fast as in the linked list. Here is an illustration of a binary tree with some terms that we've discussed below: A Root ...
Read MoreHow to remove html tags from a string in JavaScript?
Removing HTML tags from strings is a common task in JavaScript web development. You can accomplish this using regular expressions to match and replace HTML tag patterns with empty strings. Understanding HTML Tag Structure HTML elements are enclosed between angle brackets like , , , etc. By targeting the pattern of content within these brackets, we can effectively strip all HTML tags from a string. Syntax str.replace(/(]+)>)/ig, ''); The regular expression /(]+)>)/ig breaks down as: ]+) - matches one or more characters that aren't closing brackets > - matches closing angle bracket ...
Read MoreHow to autofill a field in JavaScript same as another?
Automatically filling a field in JavaScript is a common requirement in web forms, where one field copies the value from another. This feature eliminates the need to write the same information in multiple fields. This is useful in real-life scenarios, such as forms where users enter a permanent address and need to add a temporary address. If both addresses are the same, using the autofill feature, they can automatically copy the permanent address to the temporary address field. This article explains how to create autofill functionality in JavaScript. Core Concept: Copying Field Values The main concept is ...
Read MoreHow would I add a newline in an Unordered List (UL) from JavaScript?
To add a new line (list item) to an Unordered List in JavaScript, use document.querySelector().append() or appendChild(). This allows you to dynamically add elements to an existing . Basic Syntax // Create a new list item let listItem = document.createElement('li'); listItem.textContent = 'Your content here'; // Append to the ul document.querySelector('ul').append(listItem); Complete Example Add Items to List Demo h1 { ...
Read MoreImplement Onclick in JavaScript and allow web browser to go back to previous page?
JavaScript provides several methods to implement browser navigation functionality. The most common approach is using window.history.go(-1) with an onclick event to go back to the previous page. Syntax window.history.go(-1); // Go back one page window.history.back(); // Alternative method Using window.history.go(-1) The window.history.go(-1) method navigates back one page in the browser history: Go Back Example Current Page ...
Read MoreHow do you launch the JavaScript debugger in Google Chrome?
To launch the JavaScript debugger in Google Chrome, you can use several methods to access the Developer Tools and start debugging your code. Method 1: Using Keyboard Shortcut The fastest way to open the debugger is using the keyboard shortcut: Windows/Linux: Press Ctrl + Shift + J Mac: Press Cmd + Option + J Method 2: Using Chrome Menu You can also access the debugger through Chrome's menu system: Click the three-dot menu icon in the top-right corner of Chrome ...
Read MoreHow to set the inward offsets of the image border with JavaScript?
In this tutorial, we will learn how to set the inward offsets of the image border with JavaScript. An image can be set in the border as a border image using CSS properties. The border image can be set using different parameters. To set the inward offsets of the image border, use the borderImageSlice property in JavaScript. We will see two different approaches to setting up the inward offsets of the image border with JavaScript − The borderImageSlice Property The setProperty Method Using the borderImageSlice Property ...
Read MoreHow to set all the outline properties in one declaration with JavaScript?
To set outline properties, use the outline property. It allows you to set the color, style, and width of the outline in one declaration with JavaScript. Syntax The outline property accepts up to three values in any order: element.style.outline = "width style color"; Parameters outline-width: thin, medium, thick, or specific value (px, em, etc.) outline-style: none, solid, dotted, dashed, double, groove, ridge, inset, outset outline-color: color name, hex code, rgb(), or rgba() Example Click the button to apply an outline to the orange box: ...
Read MoreBinary Search Tree in Javascript
A Binary Search Tree (BST) is a specialized data structure where each node follows a specific ordering rule. A node's left child must have a value less than its parent's value, and the node's right child must have a value greater than its parent's value. 8 3 10 1 6 14 ...
Read More