How to use “MutationObserver API” to observe the changes to the target node

JavaScript

In this article, we will explore how to write a script in JavaScript to detect if a node is inserted or removed in an element. One way to detect if a node is inserted or removed is to use the MutationObserver API. This API provides a way to observe changes to the DOM...

How to detect if node is added or removed inside a DOM element

JavaScript

document.getElementById(“myDiv”).addEventListener(“DOMNodeInserted DOMNodeRemoved”, function(event) { console.log(“A new node has been inserted or removed.”); }); To use these events, you can bind a function to the DOMNodeInserted...

How to restrict textarea inputs to max 10 numbers in a line?

HTML, JavaScript

Here is an example of how to restrict the input of a textarea to a maximum of 10 numeric characters per line, and allow line breaks (newlines) using HTML and JavaScript, while also ensuring that the restriction works during copy-paste: HTML <textarea...

How to allow only numeric digits in an input field?

HTML, JavaScript

Allowing only numeric digits in an input field can be useful in many web development projects, especially when working with forms and data input. HTML and JavaScript can be used to achieve this task easily. Here is the HTML code to create a simple input field:...

Responsive text with respect to container width

CSS, JavaScript

I used fitty to create responsive text that fits inside it’s parent container perfectly. Fitty Scales up (or down) text so it fits perfectly to its parent container. Ideal for flexible and responsive websites. Here is the demo. DEMO See the Pen SVG Icons –...

How to check if current URL has a string? – JavaScript

JavaScript

You just need to add follwing script to the if else statement in JavaScript to know that the loaded page URL has the given string. You can use it anywhere in head or body tag, on or without document load. <script> if (...