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...

Allow numbers and new line in textarea using JavaScript

Misc

Textareas are commonly used in web forms to allow users to enter multi-line text input. By default, textareas allow users to enter any character they want, including letters, numbers, symbols, and line breaks. However, in some cases, you may want to restrict the input...

How to create HTML hidden templates in a page?

Misc

We can create an HTML hidden template using the following method that we can add anywhere in the page. After creating a template we can now use it, modify it, and append/prepend it’s html anywhere in the page. <script id=”imageTemplate”...

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 (...