JavaScript Browser Snippets
The JavaScript snippet collection contains a wide variety of ES6 helper functions. Browser snippets include helper functions for selecting, traversing, and manipulating DOM elements, while general-purpose helpers can be found in the JavaScript snippet collection.
Learn the differences between JavaScript ES6 arrow functions and regular functions and how they affect event listener callbacks.
How can I copy text to clipboard with JavaScript?
JavaScript, Browser
Learn how to programmatically copy text to clipboard with a few lines of JavaScript and level up your web development skills.
URL parameters as object
JavaScript, Browser
Creates an object containing the parameters of the current URL.
JavaScript console.log() tips & tricks
JavaScript, Browser
Level up your JavaScript logging with these
console.log()tips and tricks.How do I use JavaScript to modify the URL without reloading the page?
JavaScript, Browser
Learn all of the options JavaScript provides for modifying the URL of the current page in the browser without reloading the page.
How can I detect if Caps Lock is on with JavaScript?
JavaScript, Browser
If you need to check if Caps Lock is on when the user is typing in the browser, JavaScript's got you covered.
Calculate SHA-256 hash (browser)
JavaScript, Browser
Creates a hash for a value using the SHA-256 algorithm. Returns a promise.
Tip: You can get the value of an input element as a number
JavaScript, Browser
Ever wanted to get the value of an HTML input element as a number? Learn an easy way to do it with this handy trick.
Render DOM element
JavaScript, Browser
Renders the given DOM tree in the specified DOM element.
Run function asynchronously
JavaScript, Browser
Runs a function in a separate thread by using a Web Worker.
HSL to object
JavaScript, String
Converts an
hsl()color string to an object with the values of each color.RGB to object
JavaScript, String
Converts an
rgb()color string to an object with the values of each color.Change color lightness
JavaScript, String
Changes the lightness value of an
hsl()color string.Parse cookie
JavaScript, Browser
Parses an HTTP Cookie header string, returning an object of all cookie name-value pairs.
Serialize form
JavaScript, Browser
Encodes a set of form elements as a query string.