Data Structure
Networking
RDBMS
Operating System
Java
MS Excel
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
Economics & Finance
In this article, we will learn to create a program to check both horizontal and vertical symmetry in a binary matrix in JavaScript. A binary matrix is a 2-D array that consists of one and zero only as the elements in each cell. Horizontal symmetry of a binary matrix means if the first row is the same as the last row, the second row is the same as the second last row, and so on. What are Symmetry Matrices? Symmetry in matrices refers to how the values in the matrix mirror themselves along an axis. In the ... Read More
Making synchronous HTTP requests in JavaScript blocks code execution until the response arrives. While generally discouraged, certain scenarios may require this approach. This article explores methods to create synchronous HTTP requests in JavaScript. Why Synchronous Requests? Synchronous requests pause execution until completion, which can freeze the browser. However, they're sometimes needed for: Critical data required before proceeding Sequential API calls with dependencies Legacy code compatibility Algorithm The basic steps for making synchronous HTTP requests: Create an HTTP request object ... Read More
In JavaScript, objects contain properties in key-value format. When accessing non-existent properties, JavaScript returns undefined instead of throwing an error. However, you can implement custom error handling to throw errors when invalid properties are accessed. Default Behavior: Accessing Non-existent Properties By default, JavaScript returns undefined for non-existent properties: Default behavior when accessing object properties let content = document.getElementById('content'); let object = { ... Read More
Adding two numbers is an easy task but could be tricky if the numbers are given in the form of the linked list. Each node of the linked list contains the digit of the number it represents in a continuous manner from the first node to the last node. We will be given two linked lists representing two different numbers and we have to add them and return the third number in the form of a linked list. Problem Statement Given two linked lists where each node contains a single digit, we need to add the numbers they ... Read More
Debugging is an essential skill for every JavaScript developer. It helps identify and fix errors, optimise performance, and improve the overall quality of code. While basic debugging techniques like console logging are widely used, advanced techniques can greatly enhance your debugging capabilities. In this article, we will explore some advanced debugging techniques and learn how they can be effectively used to debug JavaScript applications. Using Breakpoints Breakpoints allow us to pause the execution of our code at a specific line and inspect the program's state. Modern browsers provide powerful debugging tools that enable setting breakpoints directly in the ... Read More
The onclick event generally occurs when the user clicks on an element. It enables the programmer to run a JavaScript function when an element is clicked. This event can be used to validate a form, display warning messages, and much more. This event can be added dynamically to any element using JavaScript. Except for , , , , , , , , , , and , it supports all HTML elements. In HTML, we can use the onclick attribute and associate it with a JavaScript function. For greater flexibility, we can also use JavaScript's addEventListener() method and pass ... Read More
When building interactive web applications, you often need to detect clicks on specific elements like divs. This is particularly useful for modals, dropdowns, or any clickable containers. This tutorial explores three effective methods to check if a clicked element is a div. Using the onClick Attribute The onClick attribute is the simplest way to detect clicks on a specific div element. You assign a function that executes when the div is clicked. Syntax This is a div! function clickFunction() { // perform operation on click ... Read More
In web development, it's common to hide elements based on certain conditions. One specific requirement is hiding a element when its associated element has an empty href attribute. This is useful for navigation menus or dynamically generated links. This article explores multiple JavaScript approaches to achieve this functionality, giving you the flexibility to choose the method that best fits your needs. Understanding the Problem We want to hide a element if its associated element has an empty href attribute. To accomplish this, we need to: Select the elements that need ... Read More
To find the length of a linked list in JavaScript, we need to count how many nodes are present. A linked list is made up of nodes, where each node contains data and a reference to the next node. The length is determined by starting at the head and counting each node until the end of the list. If the list is empty, the length should be 0. Our task is to write a JavaScript program that calculates the length of a linked list. In other words, we need to find out how many nodes are in the list. ... Read More
Creating HTML forms dynamically with JavaScript allows you to build interactive web pages that generate content based on user interactions. This approach uses DOM methods like createElement(), setAttribute(), and appendChild() to construct form elements programmatically. Key DOM Methods The essential methods for dynamic form creation: createElement() Creates any HTML element dynamically: document.createElement(tagName); setAttribute() Adds attributes to elements using key-value pairs: element.setAttribute(attributeName, value); appendChild() Inserts created elements into the DOM: parentElement.appendChild(childElement); Basic Dynamic Form Example Here's a simple example that creates a contact form when a button is ... Read More