30 seconds of code
Short code snippets for all your development needs
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.
getURLParameters
JavaScript, Browser
Creates an object containing the parameters of the current URL.
copyToClipboard
JavaScript, Browser
Copies a string to the clipboard. Only works as a result of user action (i.e. inside a
clickevent listener).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, Article
Learn how to programmatically copy text to clipboard with a few lines of JavaScript and level up your web development skills.
hashBrowser
JavaScript, Browser
Creates a hash for a value using the SHA-256 algorithm. Returns a promise.
toHSLObject
JavaScript, String
Converts an
hsl()color string to an object with the values of each color.toRGBObject
JavaScript, String
Converts an
rgb()color string to an object with the values of each color.changeLightness
JavaScript, String
Changes the lightness value of an
hsl()color string.parseCookie
JavaScript, Browser
Parses an HTTP Cookie header string, returning an object of all cookie name-value pairs.
runAsync
JavaScript, Browser
Runs a function in a separate thread by using a Web Worker, allowing long running functions to not block the UI.
renderElement
JavaScript, Browser
Renders the given DOM tree in the specified DOM element.
serializeForm
JavaScript, Browser
Encodes a set of form elements as a query string.
JavaScript console.log() tips & tricks
JavaScript, Article
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, Article
Learn all of the options JavaScript provides for modifying the URL of the current page in the browser without reloading the page.
addMultipleListeners
JavaScript, Browser
Adds multiple event listeners with the same handler to an element.