Premium
JAVASCRIPT Snippets.

Update Multiple Element Attributes

Learn to dynamically modify various HTML attributes (like 'src', 'href', or custom data attributes) on an existing element using JavaScript's setAttribute method.

Debounce a JavaScript DOM Event Handler

Implement a reusable debounce function in plain JavaScript to limit how often a DOM event handler fires, improving performance for search inputs, window resizing, or scroll events.

Implementing CSRF Protection with Express and Tokens

Secure web applications against Cross-Site Request Forgery (CSRF) attacks using `csurf` middleware in Express and managing tokens on the client-side.

Setting Secure and HTTPOnly Cookies in Express

Learn to set secure HTTPOnly and SameSite cookies in Node.js with Express to protect session data and prevent XSS attacks from accessing sensitive cookie information.

Sanitizing HTML for XSS with DOMPurify in JavaScript

Safely display user-generated HTML content in web applications by using DOMPurify to strip malicious scripts and attributes, effectively preventing Cross-Site Scripting (XSS) attacks.

Dynamically Create and Append Elements to the DOM

Learn how to programmatically create new HTML elements, set their attributes and content, and efficiently append them to a parent element in the DOM using JavaScript.

Find Nearest Ancestor with Specific Selector Using `closest()`

Learn how to efficiently traverse the DOM upwards to find the closest ancestor element that matches a given CSS selector, simplifying common UI interactions and data retrieval.

Safely Remove an Element from the DOM

Discover how to gracefully remove an HTML element from the document object model using `Element.remove()`, ensuring the element exists before attempting to delete it.

Validate Password Strength with Regex Lookaheads

Enforce strong password policies by using a single regular expression with lookaheads to validate minimum length and required character types.

Normalize Whitespace: Replace Multiple Spaces and Trim

Clean up textual data by consolidating multiple consecutive whitespace characters into a single space and trimming leading/trailing spaces.

Basic HTML Tag Stripping from Text

Safely remove common HTML tags from a string using a simple regex pattern, useful for cleaning content or preventing basic XSS issues when displaying text.

Custom useDebounce Hook for Input Delay

Learn to create a `useDebounce` custom React hook to delay state updates, optimizing performance for search inputs or frequently triggered events.