Vishal Basumatary

Understanding nextElementSibling in Javascript If you are wondering what nextElementSibling is in Javascript, you are in the right place. nextElementSibling is a property in Javascript that allows you to access the next sibling element of a given element. It returns the next element that is of type Element, skipping over

Understanding useEffect in React.js If you're working on a React.js project, you may have come across the useEffect() hook. This hook allows you to perform side effects in functional components, such as fetching data, subscribing to events, or manipulating the DOM. Let's take a

JavaScript Terminal Base64 Encoder As a web developer, I have come across several situations where I needed to encode or decode data in Base64 format using JavaScript. However, sometimes it's not possible to use an online tool or a library to get the job done. In such cases,

Next.js Navigation to Other Page in a Function If you are using Next.js for your web development project, you might want to navigate to another page when a certain function is called. Fortunately, Next.js provides an easy-to-use router that allows you to do just that. Using the

Converting Circular Structure to JSON Have you ever encountered an error message in JavaScript that says "Converting circular structure to JSON"? This error occurs when trying to convert an object that contains circular references, such as when an object references itself in a nested property or when two

Looping of Javascript If you are a beginner in Javascript, you might have heard the term "looping" quite often. Looping is a process of executing a set of instructions repeatedly while a certain condition is true. In Javascript, there are mainly two types of loop statements - "

Query Date Range in MongoDB If you want to retrieve documents from MongoDB that fall within a specific date range, you can use the $gte and $lt operators in your query. These operators stand for "greater than or equal to" and "less than", respectively. Example: Let&

How to Fetch Data in Next.js If you're building an application with Next.js, you'll likely need to fetch data from an external API or server. Fortunately, Next.js makes this process relatively easy with its built-in data fetching methods. Server-Side Rendering with getServerSideProps() If

Add Multiple Event Listeners If you want to add multiple event listeners to an element, you can do so by either using the addEventListener() method multiple times or by using a single function and attaching it to multiple events. Using addEventListener() Method If you want to add multiple event listeners

How to Restrict Page Leave in JavaScript Have you ever been in a situation where you want to stop the user from leaving your web page accidentally? Well, it's possible with JavaScript. In this article, I will show you how to restrict page leave in JavaScript. Method 1: