Note: using innerHTML with third-party or user-submitted content can expose you to cross-site scripting (XSS) attacks. Source https://vanillajstoolkit.com/reference/html/innerhtml/
Check if a node is in the viewport
Source https://github.com/roeib/JavaScript-snippets#check-if-a-node-is-in-the-viewport
Remove an item from an object
Use the delete operator on the key to remove. Source https://vanillajstoolkit.com/reference/objects/delete/
Return an array of elements that appear in both arrays
Use Array.prototype.includes() to determine values that are not part of values. Use Array.prototype.filter() to remove them. Source https://www.30secondsofcode.org/js/s/similarity
Check if a string is a valid JSON
Source https://github.com/roeib/JavaScript-snippets#check-if-a-string-is-a-valid-json
Perform a shallow merge of two or more objects
Perform a shallow merge of two or more objects into the first. Pass in each object to merge as an argument. Note: in a shallow merge, nested objects are overwritten completely rather than having their values merged together. All objects are merged into the first. To create a new object, pass in an empty object as […]
Convert a string to an array of characters
Use the spread operator (…) to convert the string into an array of characters. Source https://www.30secondsofcode.org/js/s/to-char-array
Date of yesterday
Results in a string representation of yesterday’s date. Use the Date constructor to get the current date. Decrement it by one using Date.prototype.getDate() and set the value to the result using Date.prototype.setDate(). Use Date.prototype.toISOString() to return a string in yyyy-mm-dd format. Source https://www.30secondsofcode.org/js/s/yesterday
Vanilla JS toggle
Source https://github.com/roeib/JavaScript-snippets#vanilla-js-toggle
Get an array of key/value pairs from an object
Return an array of key/value pairs, also represented as arrays. Pass in the object as an argument. Source https://vanillajstoolkit.com/reference/objects/object-entries/