diff --git a/README.md b/README.md
index d02308743..ff6785450 100644
--- a/README.md
+++ b/README.md
@@ -84,6 +84,7 @@
 
 * [`arrayToHtmlList`](#arraytohtmllist)
 * [`bottomVisible`](#bottomvisible)
+* [`copyToClipboard`](#copytoclipboard)
 * [`currentURL`](#currenturl)
 * [`detectDeviceType`](#detectdevicetype)
 * [`elementIsVisibleInViewport`](#elementisvisibleinviewport)
@@ -1483,6 +1484,48 @@ bottomVisible(); // true
 <br>[⬆ Back to top](#table-of-contents)
 
 
+### copyToClipboard
+
+Copy a string to the clipboard. Only works as a result of user action (i.e. inside a `click` event listener).
+
+Create a new `<textarea>` element, fill it with the supplied data and add it to the HTML document.
+Use `Selection.getRangeAt()`to store the selected range (if any).
+Use `document.execCommand('copy')` to copy to the clipboard.
+Remove the `<textarea>` element from the HTML document.
+Finally, use `Selection().addRange()` to recover the original selected range (if any).
+
+```js
+const copyToClipboard = str => {
+  const el = document.createElement('textarea');
+  el.value = str;
+  el.setAttribute('readonly', '');
+  el.style.position = 'absolute';
+  el.style.left = '-9999px';
+  document.body.appendChild(el);
+  const selected =
+    document.getSelection().rangeCount > 0 ? document.getSelection().getRangeAt(0) : false;
+  el.select();
+  document.execCommand('copy');
+  document.body.removeChild(el);
+  if (selected) {
+    document.getSelection().removeAllRanges();
+    document.getSelection().addRange(selected);
+  }
+};
+```
+
+<details>
+<summary>Examples</summary>
+
+```js
+copyToClipboard('Lorem ipsum'); // 'Lorem ipsum' copied to clipboard.
+```
+
+</details>
+
+<br>[⬆ Back to top](#table-of-contents)
+
+
 ### currentURL
 
 Returns the current URL.
diff --git a/docs/index.html b/docs/index.html
index 705c87cc6..9a4bea5ee 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -59,7 +59,7 @@
         wrapper.appendChild(box);
         box.appendChild(el);
       });
-    }</script><body onload="loader()"><a href="https://github.com/Chalarangelo/30-seconds-of-code/fork" class="github-corner" aria-label="View source on Github"><svg width="90" height="90" viewBox="0 0 250 250" style="fill:#151513;color:#fff;position:absolute;top:0;border:0;right:0" aria-hidden="true"><path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path><path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" fill="currentColor" style="transform-origin:130px 106px" class="octo-arm"></path><path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z" fill="currentColor" class="octo-body"></path></svg></a><style>.github-corner:hover .octo-arm{animation:octocat-wave 560ms ease-in-out}@keyframes octocat-wave{0%,100%{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@media (max-width:500px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:octocat-wave 560ms ease-in-out}}</style><header style="height:5.5rem"><h1 class="logo" href="https://github.com/Chalarangelo/30-seconds-of-code"><img src="favicon.png" style="height:4rem"/><span id="title">&nbsp;30 seconds of code</span> <small>Curated collection of useful JavaScript snippets that you can understand in 30 seconds or less.</small></h1><label for="doc-drawer-checkbox" class="button drawer-toggle" id="menu-toggle"></label></header><div class="row" style="height:calc(100vh - 5.875rem);overflow:hidden"><input id="doc-drawer-checkbox" class="drawer" value="on" type="checkbox"><nav class="col-md-4 col-lg-3" style="border-top:0"><div class="group"><input class="search" type="text" id="searchInput" onkeyup="search(this)"> <span class="highlight"></span> <span class="bar"></span><label id="search-label">Search for snippet...</label></div><label for="doc-drawer-checkbox" class="button drawer-close"></label><h3>Adapter</h3><a class="sublink-1" href="#call">call</a> <a class="sublink-1" href="#collectinto">collectInto</a> <a class="sublink-1" href="#flip">flip</a> <a class="sublink-1" href="#pipefunctions">pipeFunctions</a> <a class="sublink-1" href="#promisify">promisify</a> <a class="sublink-1" href="#spreadover">spreadOver</a><h3>Array</h3><a class="sublink-1" href="#chunk">chunk</a> <a class="sublink-1" href="#compact">compact</a> <a class="sublink-1" href="#countoccurrences">countOccurrences</a> <a class="sublink-1" href="#deepflatten">deepFlatten</a> <a class="sublink-1" href="#difference">difference</a> <a class="sublink-1" href="#differencewith">differenceWith</a> <a class="sublink-1" href="#distinctvaluesofarray">distinctValuesOfArray</a> <a class="sublink-1" href="#dropelements">dropElements</a> <a class="sublink-1" href="#dropright">dropRight</a> <a class="sublink-1" href="#everynth">everyNth</a> <a class="sublink-1" href="#filternonunique">filterNonUnique</a> <a class="sublink-1" href="#flatten">flatten</a> <a class="sublink-1" href="#flattendepth">flattenDepth</a> <a class="sublink-1" href="#groupby">groupBy</a> <a class="sublink-1" href="#head">head</a> <a class="sublink-1" href="#initial">initial</a> <a class="sublink-1" href="#initialize2darray">initialize2DArray</a> <a class="sublink-1" href="#initializearraywithrange">initializeArrayWithRange</a> <a class="sublink-1" href="#initializearraywithvalues">initializeArrayWithValues</a> <a class="sublink-1" href="#intersection">intersection</a> <a class="sublink-1" href="#last">last</a> <a class="sublink-1" href="#mapobject">mapObject</a> <a class="sublink-1" href="#nthelement">nthElement</a> <a class="sublink-1" href="#pick">pick</a> <a class="sublink-1" href="#pull">pull</a> <a class="sublink-1" href="#pullatindex">pullAtIndex</a> <a class="sublink-1" href="#pullatvalue">pullAtValue</a> <a class="sublink-1" href="#quicksort">quickSort</a> <a class="sublink-1" href="#remove">remove</a> <a class="sublink-1" href="#sample">sample</a> <a class="sublink-1" href="#shuffle">shuffle</a> <a class="sublink-1" href="#similarity">similarity</a> <a class="sublink-1" href="#symmetricdifference">symmetricDifference</a> <a class="sublink-1" href="#tail">tail</a> <a class="sublink-1" href="#take">take</a> <a class="sublink-1" href="#takeright">takeRight</a> <a class="sublink-1" href="#union">union</a> <a class="sublink-1" href="#without">without</a> <a class="sublink-1" href="#zip">zip</a> <a class="sublink-1" href="#zipobject">zipObject</a><h3>Browser</h3><a class="sublink-1" href="#arraytohtmllist">arrayToHtmlList</a> <a class="sublink-1" href="#bottomvisible">bottomVisible</a> <a class="sublink-1" href="#currenturl">currentURL</a> <a class="sublink-1" href="#detectdevicetype">detectDeviceType</a> <a class="sublink-1" href="#elementisvisibleinviewport">elementIsVisibleInViewport</a> <a class="sublink-1" href="#getscrollposition">getScrollPosition</a> <a class="sublink-1" href="#getstyle">getStyle</a> <a class="sublink-1" href="#geturlparameters">getURLParameters</a> <a class="sublink-1" href="#hasclass">hasClass</a> <a class="sublink-1" href="#hide">hide</a> <a class="sublink-1" href="#httpsredirect">httpsRedirect</a> <a class="sublink-1" href="#onuserinputchange">onUserInputChange</a> <a class="sublink-1" href="#redirect">redirect</a> <a class="sublink-1" href="#scrolltotop">scrollToTop</a> <a class="sublink-1" href="#setstyle">setStyle</a> <a class="sublink-1" href="#show">show</a> <a class="sublink-1" href="#speechsynthesis">speechSynthesis</a> <a class="sublink-1" href="#toggleclass">toggleClass</a> <a class="sublink-1" href="#uuidgeneratorbrowser">UUIDGeneratorBrowser</a><h3>Date</h3><a class="sublink-1" href="#getdaysdiffbetweendates">getDaysDiffBetweenDates</a> <a class="sublink-1" href="#jsontodate">JSONToDate</a> <a class="sublink-1" href="#toenglishdate">toEnglishDate</a> <a class="sublink-1" href="#tomorrow">tomorrow</a><h3>Function</h3><a class="sublink-1" href="#chainasync">chainAsync</a> <a class="sublink-1" href="#compose">compose</a> <a class="sublink-1" href="#curry">curry</a> <a class="sublink-1" href="#functionname">functionName</a> <a class="sublink-1" href="#runpromisesinseries">runPromisesInSeries</a> <a class="sublink-1" href="#sleep">sleep</a><h3>Logic</h3><a class="sublink-1" href="#negate">negate</a><h3>Math</h3><a class="sublink-1" href="#average">average</a> <a class="sublink-1" href="#clampnumber">clampNumber</a> <a class="sublink-1" href="#collatz">collatz</a> <a class="sublink-1" href="#digitize">digitize</a> <a class="sublink-1" href="#distance">distance</a> <a class="sublink-1" href="#factorial">factorial</a> <a class="sublink-1" href="#fibonacci">fibonacci</a> <a class="sublink-1" href="#fibonaccicountuntilnum">fibonacciCountUntilNum</a> <a class="sublink-1" href="#fibonacciuntilnum">fibonacciUntilNum</a> <a class="sublink-1" href="#gcd">gcd</a> <a class="sublink-1" href="#hammingdistance">hammingDistance</a> <a class="sublink-1" href="#inrange">inRange</a> <a class="sublink-1" href="#isarmstrongnumber">isArmstrongNumber</a> <a class="sublink-1" href="#isdivisible">isDivisible</a> <a class="sublink-1" href="#iseven">isEven</a> <a class="sublink-1" href="#isprime">isPrime</a> <a class="sublink-1" href="#lcm">lcm</a> <a class="sublink-1" href="#max">max</a> <a class="sublink-1" href="#median">median</a> <a class="sublink-1" href="#min">min</a> <a class="sublink-1" href="#percentile">percentile</a> <a class="sublink-1" href="#powerset">powerset</a> <a class="sublink-1" href="#primes">primes</a> <a class="sublink-1" href="#randomintegerinrange">randomIntegerInRange</a> <a class="sublink-1" href="#randomnumberinrange">randomNumberInRange</a> <a class="sublink-1" href="#round">round</a> <a class="sublink-1" href="#standarddeviation">standardDeviation</a> <a class="sublink-1" href="#sum">sum</a><h3>Node</h3><a class="sublink-1" href="#jsontofile">JSONToFile</a> <a class="sublink-1" href="#readfilelines">readFileLines</a> <a class="sublink-1" href="#uuidgeneratornode">UUIDGeneratorNode</a><h3>Object</h3><a class="sublink-1" href="#cleanobj">cleanObj</a> <a class="sublink-1" href="#lowercasekeys">lowercaseKeys</a> <a class="sublink-1" href="#objectfrompairs">objectFromPairs</a> <a class="sublink-1" href="#objecttopairs">objectToPairs</a> <a class="sublink-1" href="#orderby">orderBy</a> <a class="sublink-1" href="#select">select</a> <a class="sublink-1" href="#shallowclone">shallowClone</a> <a class="sublink-1" href="#truthcheckcollection">truthCheckCollection</a><h3>String</h3><a class="sublink-1" href="#anagrams">anagrams</a> <a class="sublink-1" href="#bytesize">byteSize</a> <a class="sublink-1" href="#capitalize">capitalize</a> <a class="sublink-1" href="#capitalizeeveryword">capitalizeEveryWord</a> <a class="sublink-1" href="#countvowels">countVowels</a> <a class="sublink-1" href="#escapehtml">escapeHTML</a> <a class="sublink-1" href="#escaperegexp">escapeRegExp</a> <a class="sublink-1" href="#fromcamelcase">fromCamelCase</a> <a class="sublink-1" href="#palindrome">palindrome</a> <a class="sublink-1" href="#repeatstring">repeatString</a> <a class="sublink-1" href="#reversestring">reverseString</a> <a class="sublink-1" href="#sortcharactersinstring">sortCharactersInString</a> <a class="sublink-1" href="#splitlines">splitLines</a> <a class="sublink-1" href="#tocamelcase">toCamelCase</a> <a class="sublink-1" href="#tokebabcase">toKebabCase</a> <a class="sublink-1" href="#tosnakecase">toSnakeCase</a> <a class="sublink-1" href="#truncatestring">truncateString</a> <a class="sublink-1" href="#unescapehtml">unescapeHTML</a> <a class="sublink-1" href="#words">words</a><h3>Utility</h3><a class="sublink-1" href="#coalesce">coalesce</a> <a class="sublink-1" href="#coalescefactory">coalesceFactory</a> <a class="sublink-1" href="#extendhex">extendHex</a> <a class="sublink-1" href="#gettype">getType</a> <a class="sublink-1" href="#hextorgb">hexToRGB</a> <a class="sublink-1" href="#isarray">isArray</a> <a class="sublink-1" href="#isboolean">isBoolean</a> <a class="sublink-1" href="#isfunction">isFunction</a> <a class="sublink-1" href="#isnumber">isNumber</a> <a class="sublink-1" href="#isstring">isString</a> <a class="sublink-1" href="#issymbol">isSymbol</a> <a class="sublink-1" href="#randomhexcolorcode">randomHexColorCode</a> <a class="sublink-1" href="#rgbtohex">RGBToHex</a> <a class="sublink-1" href="#sdbm">sdbm</a> <a class="sublink-1" href="#timetaken">timeTaken</a> <a class="sublink-1" href="#todecimalmark">toDecimalMark</a> <a class="sublink-1" href="#toordinalsuffix">toOrdinalSuffix</a> <a class="sublink-1" href="#validatenumber">validateNumber</a> <a class="sublink-1" href="#yesno">yesNo</a></nav><main class="col-sm-12 col-md-8 col-lg-9" style="height:100%;overflow-y:auto;background:#eceef2;padding:0"><a id="top">&nbsp;</a><h2 style="text-align:center">Adapter</h2><div class="card fluid"><div class="section double-padded"><h3 id="call">call</h3></div><div class="section double-padded"><p>Given a key and a set of arguments, call them when given a context. Primarily useful in composition.</p><p>Use a closure to call a stored key with stored arguments.</p><pre><code class="language-js">const call = (key, ...args) =&gt; context =&gt; context[key](...args);
+    }</script><body onload="loader()"><a href="https://github.com/Chalarangelo/30-seconds-of-code/fork" class="github-corner" aria-label="View source on Github"><svg width="90" height="90" viewBox="0 0 250 250" style="fill:#151513;color:#fff;position:absolute;top:0;border:0;right:0" aria-hidden="true"><path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path><path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" fill="currentColor" style="transform-origin:130px 106px" class="octo-arm"></path><path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z" fill="currentColor" class="octo-body"></path></svg></a><style>.github-corner:hover .octo-arm{animation:octocat-wave 560ms ease-in-out}@keyframes octocat-wave{0%,100%{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@media (max-width:500px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:octocat-wave 560ms ease-in-out}}</style><header style="height:5.5rem"><h1 class="logo" href="https://github.com/Chalarangelo/30-seconds-of-code"><img src="favicon.png" style="height:4rem"/><span id="title">&nbsp;30 seconds of code</span> <small>Curated collection of useful JavaScript snippets that you can understand in 30 seconds or less.</small></h1><label for="doc-drawer-checkbox" class="button drawer-toggle" id="menu-toggle"></label></header><div class="row" style="height:calc(100vh - 5.875rem);overflow:hidden"><input id="doc-drawer-checkbox" class="drawer" value="on" type="checkbox"><nav class="col-md-4 col-lg-3" style="border-top:0"><div class="group"><input class="search" type="text" id="searchInput" onkeyup="search(this)"> <span class="highlight"></span> <span class="bar"></span><label id="search-label">Search for snippet...</label></div><label for="doc-drawer-checkbox" class="button drawer-close"></label><h3>Adapter</h3><a class="sublink-1" href="#call">call</a> <a class="sublink-1" href="#collectinto">collectInto</a> <a class="sublink-1" href="#flip">flip</a> <a class="sublink-1" href="#pipefunctions">pipeFunctions</a> <a class="sublink-1" href="#promisify">promisify</a> <a class="sublink-1" href="#spreadover">spreadOver</a><h3>Array</h3><a class="sublink-1" href="#chunk">chunk</a> <a class="sublink-1" href="#compact">compact</a> <a class="sublink-1" href="#countoccurrences">countOccurrences</a> <a class="sublink-1" href="#deepflatten">deepFlatten</a> <a class="sublink-1" href="#difference">difference</a> <a class="sublink-1" href="#differencewith">differenceWith</a> <a class="sublink-1" href="#distinctvaluesofarray">distinctValuesOfArray</a> <a class="sublink-1" href="#dropelements">dropElements</a> <a class="sublink-1" href="#dropright">dropRight</a> <a class="sublink-1" href="#everynth">everyNth</a> <a class="sublink-1" href="#filternonunique">filterNonUnique</a> <a class="sublink-1" href="#flatten">flatten</a> <a class="sublink-1" href="#flattendepth">flattenDepth</a> <a class="sublink-1" href="#groupby">groupBy</a> <a class="sublink-1" href="#head">head</a> <a class="sublink-1" href="#initial">initial</a> <a class="sublink-1" href="#initialize2darray">initialize2DArray</a> <a class="sublink-1" href="#initializearraywithrange">initializeArrayWithRange</a> <a class="sublink-1" href="#initializearraywithvalues">initializeArrayWithValues</a> <a class="sublink-1" href="#intersection">intersection</a> <a class="sublink-1" href="#last">last</a> <a class="sublink-1" href="#mapobject">mapObject</a> <a class="sublink-1" href="#nthelement">nthElement</a> <a class="sublink-1" href="#pick">pick</a> <a class="sublink-1" href="#pull">pull</a> <a class="sublink-1" href="#pullatindex">pullAtIndex</a> <a class="sublink-1" href="#pullatvalue">pullAtValue</a> <a class="sublink-1" href="#quicksort">quickSort</a> <a class="sublink-1" href="#remove">remove</a> <a class="sublink-1" href="#sample">sample</a> <a class="sublink-1" href="#shuffle">shuffle</a> <a class="sublink-1" href="#similarity">similarity</a> <a class="sublink-1" href="#symmetricdifference">symmetricDifference</a> <a class="sublink-1" href="#tail">tail</a> <a class="sublink-1" href="#take">take</a> <a class="sublink-1" href="#takeright">takeRight</a> <a class="sublink-1" href="#union">union</a> <a class="sublink-1" href="#without">without</a> <a class="sublink-1" href="#zip">zip</a> <a class="sublink-1" href="#zipobject">zipObject</a><h3>Browser</h3><a class="sublink-1" href="#arraytohtmllist">arrayToHtmlList</a> <a class="sublink-1" href="#bottomvisible">bottomVisible</a> <a class="sublink-1" href="#copytoclipboard">copyToClipboard</a> <a class="sublink-1" href="#currenturl">currentURL</a> <a class="sublink-1" href="#detectdevicetype">detectDeviceType</a> <a class="sublink-1" href="#elementisvisibleinviewport">elementIsVisibleInViewport</a> <a class="sublink-1" href="#getscrollposition">getScrollPosition</a> <a class="sublink-1" href="#getstyle">getStyle</a> <a class="sublink-1" href="#geturlparameters">getURLParameters</a> <a class="sublink-1" href="#hasclass">hasClass</a> <a class="sublink-1" href="#hide">hide</a> <a class="sublink-1" href="#httpsredirect">httpsRedirect</a> <a class="sublink-1" href="#onuserinputchange">onUserInputChange</a> <a class="sublink-1" href="#redirect">redirect</a> <a class="sublink-1" href="#scrolltotop">scrollToTop</a> <a class="sublink-1" href="#setstyle">setStyle</a> <a class="sublink-1" href="#show">show</a> <a class="sublink-1" href="#speechsynthesis">speechSynthesis</a> <a class="sublink-1" href="#toggleclass">toggleClass</a> <a class="sublink-1" href="#uuidgeneratorbrowser">UUIDGeneratorBrowser</a><h3>Date</h3><a class="sublink-1" href="#getdaysdiffbetweendates">getDaysDiffBetweenDates</a> <a class="sublink-1" href="#jsontodate">JSONToDate</a> <a class="sublink-1" href="#toenglishdate">toEnglishDate</a> <a class="sublink-1" href="#tomorrow">tomorrow</a><h3>Function</h3><a class="sublink-1" href="#chainasync">chainAsync</a> <a class="sublink-1" href="#compose">compose</a> <a class="sublink-1" href="#curry">curry</a> <a class="sublink-1" href="#functionname">functionName</a> <a class="sublink-1" href="#runpromisesinseries">runPromisesInSeries</a> <a class="sublink-1" href="#sleep">sleep</a><h3>Logic</h3><a class="sublink-1" href="#negate">negate</a><h3>Math</h3><a class="sublink-1" href="#average">average</a> <a class="sublink-1" href="#clampnumber">clampNumber</a> <a class="sublink-1" href="#collatz">collatz</a> <a class="sublink-1" href="#digitize">digitize</a> <a class="sublink-1" href="#distance">distance</a> <a class="sublink-1" href="#factorial">factorial</a> <a class="sublink-1" href="#fibonacci">fibonacci</a> <a class="sublink-1" href="#fibonaccicountuntilnum">fibonacciCountUntilNum</a> <a class="sublink-1" href="#fibonacciuntilnum">fibonacciUntilNum</a> <a class="sublink-1" href="#gcd">gcd</a> <a class="sublink-1" href="#hammingdistance">hammingDistance</a> <a class="sublink-1" href="#inrange">inRange</a> <a class="sublink-1" href="#isarmstrongnumber">isArmstrongNumber</a> <a class="sublink-1" href="#isdivisible">isDivisible</a> <a class="sublink-1" href="#iseven">isEven</a> <a class="sublink-1" href="#isprime">isPrime</a> <a class="sublink-1" href="#lcm">lcm</a> <a class="sublink-1" href="#max">max</a> <a class="sublink-1" href="#median">median</a> <a class="sublink-1" href="#min">min</a> <a class="sublink-1" href="#percentile">percentile</a> <a class="sublink-1" href="#powerset">powerset</a> <a class="sublink-1" href="#primes">primes</a> <a class="sublink-1" href="#randomintegerinrange">randomIntegerInRange</a> <a class="sublink-1" href="#randomnumberinrange">randomNumberInRange</a> <a class="sublink-1" href="#round">round</a> <a class="sublink-1" href="#standarddeviation">standardDeviation</a> <a class="sublink-1" href="#sum">sum</a><h3>Node</h3><a class="sublink-1" href="#jsontofile">JSONToFile</a> <a class="sublink-1" href="#readfilelines">readFileLines</a> <a class="sublink-1" href="#uuidgeneratornode">UUIDGeneratorNode</a><h3>Object</h3><a class="sublink-1" href="#cleanobj">cleanObj</a> <a class="sublink-1" href="#lowercasekeys">lowercaseKeys</a> <a class="sublink-1" href="#objectfrompairs">objectFromPairs</a> <a class="sublink-1" href="#objecttopairs">objectToPairs</a> <a class="sublink-1" href="#orderby">orderBy</a> <a class="sublink-1" href="#select">select</a> <a class="sublink-1" href="#shallowclone">shallowClone</a> <a class="sublink-1" href="#truthcheckcollection">truthCheckCollection</a><h3>String</h3><a class="sublink-1" href="#anagrams">anagrams</a> <a class="sublink-1" href="#bytesize">byteSize</a> <a class="sublink-1" href="#capitalize">capitalize</a> <a class="sublink-1" href="#capitalizeeveryword">capitalizeEveryWord</a> <a class="sublink-1" href="#countvowels">countVowels</a> <a class="sublink-1" href="#escapehtml">escapeHTML</a> <a class="sublink-1" href="#escaperegexp">escapeRegExp</a> <a class="sublink-1" href="#fromcamelcase">fromCamelCase</a> <a class="sublink-1" href="#palindrome">palindrome</a> <a class="sublink-1" href="#repeatstring">repeatString</a> <a class="sublink-1" href="#reversestring">reverseString</a> <a class="sublink-1" href="#sortcharactersinstring">sortCharactersInString</a> <a class="sublink-1" href="#splitlines">splitLines</a> <a class="sublink-1" href="#tocamelcase">toCamelCase</a> <a class="sublink-1" href="#tokebabcase">toKebabCase</a> <a class="sublink-1" href="#tosnakecase">toSnakeCase</a> <a class="sublink-1" href="#truncatestring">truncateString</a> <a class="sublink-1" href="#unescapehtml">unescapeHTML</a> <a class="sublink-1" href="#words">words</a><h3>Utility</h3><a class="sublink-1" href="#coalesce">coalesce</a> <a class="sublink-1" href="#coalescefactory">coalesceFactory</a> <a class="sublink-1" href="#extendhex">extendHex</a> <a class="sublink-1" href="#gettype">getType</a> <a class="sublink-1" href="#hextorgb">hexToRGB</a> <a class="sublink-1" href="#isarray">isArray</a> <a class="sublink-1" href="#isboolean">isBoolean</a> <a class="sublink-1" href="#isfunction">isFunction</a> <a class="sublink-1" href="#isnumber">isNumber</a> <a class="sublink-1" href="#isstring">isString</a> <a class="sublink-1" href="#issymbol">isSymbol</a> <a class="sublink-1" href="#randomhexcolorcode">randomHexColorCode</a> <a class="sublink-1" href="#rgbtohex">RGBToHex</a> <a class="sublink-1" href="#sdbm">sdbm</a> <a class="sublink-1" href="#timetaken">timeTaken</a> <a class="sublink-1" href="#todecimalmark">toDecimalMark</a> <a class="sublink-1" href="#toordinalsuffix">toOrdinalSuffix</a> <a class="sublink-1" href="#validatenumber">validateNumber</a> <a class="sublink-1" href="#yesno">yesNo</a></nav><main class="col-sm-12 col-md-8 col-lg-9" style="height:100%;overflow-y:auto;background:#eceef2;padding:0"><a id="top">&nbsp;</a><h2 style="text-align:center">Adapter</h2><div class="card fluid"><div class="section double-padded"><h3 id="call">call</h3></div><div class="section double-padded"><p>Given a key and a set of arguments, call them when given a context. Primarily useful in composition.</p><p>Use a closure to call a stored key with stored arguments.</p><pre><code class="language-js">const call = (key, ...args) =&gt; context =&gt; context[key](...args);
 </code></pre><pre><code class="language-js">Promise.resolve([1, 2, 3])
   .then(call('map', x =&gt; 2 * x))
   .then(console.log); //[ 2, 4, 6 ]
@@ -287,6 +287,24 @@ zipObject(['a', 'b'], [1, 2, 3]); // {a: 1, b: 2}
   document.documentElement.clientHeight + window.scrollY &gt;=
   (document.documentElement.scrollHeight || document.documentElement.clientHeight);
 </code></pre><pre><code class="language-js">bottomVisible(); // true
+</code></pre></div></div><br/><div class="card fluid"><div class="section double-padded"><h3 id="copytoclipboard">copyToClipboard</h3></div><div class="section double-padded"><p>Copy a string to the clipboard. Only works as a result of user action (i.e. inside a <code>click</code> event listener).</p><p>Create a new <code>&lt;textarea&gt;</code> element, fill it with the supplied data and add it to the HTML document. Use <code>Selection.getRangeAt()</code>to store the selected range (if any). Use <code>document.execCommand('copy')</code> to copy to the clipboard. Remove the <code>&lt;textarea&gt;</code> element from the HTML document. Finally, use <code>Selection().addRange()</code> to recover the original selected range (if any).</p><pre><code class="language-js">const copyToClipboard = str =&gt; {
+  const el = document.createElement('textarea');
+  el.value = str;
+  el.setAttribute('readonly', '');
+  el.style.position = 'absolute';
+  el.style.left = '-9999px';
+  document.body.appendChild(el);
+  const selected =
+    document.getSelection().rangeCount &gt; 0 ? document.getSelection().getRangeAt(0) : false;
+  el.select();
+  document.execCommand('copy');
+  document.body.removeChild(el);
+  if (selected) {
+    document.getSelection().removeAllRanges();
+    document.getSelection().addRange(selected);
+  }
+};
+</code></pre><pre><code class="language-js">copyToClipboard('Lorem ipsum'); // 'Lorem ipsum' copied to clipboard.
 </code></pre></div></div><br/><div class="card fluid"><div class="section double-padded"><h3 id="currenturl">currentURL</h3></div><div class="section double-padded"><p>Returns the current URL.</p><p>Use <code>window.location.href</code> to get current URL.</p><pre><code class="language-js">const currentURL = () =&gt; window.location.href;
 </code></pre><pre><code class="language-js">currentURL(); // 'https://google.com'
 </code></pre></div></div><br/><div class="card fluid"><div class="section double-padded"><h3 id="detectdevicetype">detectDeviceType</h3></div><div class="section double-padded"><p>Detects wether the website is being opened in a mobile device or a desktop/laptop.</p><p>Use a regular expression to test the <code>navigator.userAgent</code> property to figure out if the device is a mobile device or a desktop/laptop.</p><pre><code class="language-js">const detectDeviceType = () =&gt;
diff --git a/snippets/copyToClipboard.md b/snippets/copyToClipboard.md
index 619d00c2a..eee6dccfb 100644
--- a/snippets/copyToClipboard.md
+++ b/snippets/copyToClipboard.md
@@ -16,7 +16,8 @@ const copyToClipboard = str => {
   el.style.position = 'absolute';
   el.style.left = '-9999px';
   document.body.appendChild(el);
-  const selected = document.getSelection().rangeCount > 0 ? document.getSelection().getRangeAt(0) : false;
+  const selected =
+    document.getSelection().rangeCount > 0 ? document.getSelection().getRangeAt(0) : false;
   el.select();
   document.execCommand('copy');
   document.body.removeChild(el);
@@ -24,7 +25,7 @@ const copyToClipboard = str => {
     document.getSelection().removeAllRanges();
     document.getSelection().addRange(selected);
   }
-}
+};
 ```
 
 ```js
