diff --git a/docs/content/html-docs/interact/clock/index.html b/docs/content/html-docs/interact/clock/index.html
index 07e46d48ab..8408203fea 100644
--- a/docs/content/html-docs/interact/clock/index.html
+++ b/docs/content/html-docs/interact/clock/index.html
@@ -464,10 +464,10 @@
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/html-docs/interact/jupyter-notebooks/index.html b/docs/content/html-docs/interact/jupyter-notebooks/index.html
index 89ed4d8bcf..d288fef66b 100644
--- a/docs/content/html-docs/interact/jupyter-notebooks/index.html
+++ b/docs/content/html-docs/interact/jupyter-notebooks/index.html
@@ -464,10 +464,10 @@
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/html-docs/interact/other-sites/index.html b/docs/content/html-docs/interact/other-sites/index.html
index bd48f19ce4..8eb9a7786a 100644
--- a/docs/content/html-docs/interact/other-sites/index.html
+++ b/docs/content/html-docs/interact/other-sites/index.html
@@ -464,10 +464,10 @@
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/html-docs/interact/video-chat/index.html b/docs/content/html-docs/interact/video-chat/index.html
index 6dda2c6769..190aeab1c9 100644
--- a/docs/content/html-docs/interact/video-chat/index.html
+++ b/docs/content/html-docs/interact/video-chat/index.html
@@ -597,10 +597,10 @@
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/html-docs/interview/index.html b/docs/content/html-docs/interview/index.html
index 6f61c2430a..78ccd1db77 100644
--- a/docs/content/html-docs/interview/index.html
+++ b/docs/content/html-docs/interview/index.html
@@ -464,10 +464,10 @@
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/html-docs/interview/job-search-nav/index.html b/docs/content/html-docs/interview/job-search-nav/index.html
index f2626762d4..1733bafb9c 100644
--- a/docs/content/html-docs/interview/job-search-nav/index.html
+++ b/docs/content/html-docs/interview/job-search-nav/index.html
@@ -464,10 +464,10 @@
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/html-docs/interview/review-concepts/index.html b/docs/content/html-docs/interview/review-concepts/index.html
index b2aa901adf..1a8c63f112 100644
--- a/docs/content/html-docs/interview/review-concepts/index.html
+++ b/docs/content/html-docs/interview/review-concepts/index.html
@@ -960,10 +960,10 @@
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/html-docs/javascript/arrow-functions/index.html b/docs/content/html-docs/javascript/arrow-functions/index.html
index 15bc37ff45..fd0eadea31 100644
--- a/docs/content/html-docs/javascript/arrow-functions/index.html
+++ b/docs/content/html-docs/javascript/arrow-functions/index.html
@@ -791,7 +791,7 @@
     console.log(&#x27;I happen later&#x27;);
   }, 1);
 }, 1);
-</code></pre><h2>Specifications</h2><table><thead><tr class="header"><th>Specification</th></tr></thead><tbody><tr class="odd"><td><a href="https://tc39.es/ecma262/#sec-arrow-function-definitions">ECMAScript Language Specification (ECMAScript) 
+</code></pre><h2>Specifications</h2><table><thead><tr class="header"><th>Specification</th></tr></thead><tbody><tr class="odd"><td><a href="https://tc39.es/ecma262/#sec-arrow-function-definitions">ECMAScript Language Specification (ECMAScript)
 <br/>
 <p><span class="small">#sec-arrow-function-definitions</span></p></a></td></tr></tbody></table><p></p><p><code>Arrow_functions</code></p><p>45</p><p>12</p><p>22</p><p>[&quot;The initial implementation of arrow functions in Firefox made them automatically strict. This has been changed as of Firefox 24. The use of <code>&#x27;use strict&#x27;;</code> is now required.&quot;, &quot;Prior to Firefox 39, a line terminator (<code>\\n</code>) was incorrectly allowed after arrow function arguments. This has been fixed to conform to the ES2015 specification and code like <code>() \\n =&gt; {}</code> will now throw a <code>SyntaxError</code> in this and later versions.&quot;]</p><p>No</p><p>32</p><p>10</p><p>45</p><p>45</p><p>22</p><p>[&quot;The initial implementation of arrow functions in Firefox made them automatically strict. This has been changed as of Firefox 24. The use of <code>&#x27;use strict&#x27;;</code> is now required.&quot;, &quot;Prior to Firefox 39, a line terminator (<code>\\n</code>) was incorrectly allowed after arrow function arguments. This has been fixed to conform to the ES2015 specification and code like <code>() \\n =&gt; {}</code> will now throw a <code>SyntaxError</code> in this and later versions.&quot;]</p><p>32</p><p>10</p><p>5.0</p><p><code>trailing_comma</code></p><p>58</p><p>12</p><p>52</p><p>No</p><p>45</p><p>10</p><p>58</p><p>58</p><p>52</p><p>43</p><p>10</p><p>7.0</p><h2>See also</h2><ul><li><a href="https://hacks.mozilla.org/2015/06/es6-in-depth-arrow-functions/">&quot;ES6 In Depth: Arrow functions&quot; on hacks.mozilla.org</a></li></ul><p><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions" class="_attribution-link">https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions</a></p></div></div></article><nav id="page-nav" class="page-nav"><div id="page-nav-inside" class="page-nav-inside sticky"><h2 class="page-nav-title">Jump to Section</h2><div id="page-nav-link-container"></div></div></nav></div><div id="disqus_thread"></div><div data-sheet2site="1c4ZMBRKv7mwotLxfd_5-Q_XxC2_Dkc3NLfFQMmEV7Vo&amp;g=1&amp;e=1"></div></div></main><footer id="colophon" class="site-footer outer"><div><center><br/><div id="search"> <!-- --> </div><br/><table cellPadding="0" cellSpacing="0" border="0"><tbody><tr><td style="font-family:Arial, Helvetica, sans-serif;font-size:7.5pt"><center><table width="95%" cellPadding="0" cellSpacing="0" border="0" style="font-family:Arial, Helvetica, sans-serif;font-size:7.5pt"><tbody><tr><td style="font-family:Arial, Helvetica, sans-serif;font-size:7.5pt" align="left"><a target="_blank" href="https://search.freefind.com/siteindex.html?si=14588965">index</a></td><td style="font-family:Arial, Helvetica, sans-serif;font-size:7.5pt" align="center"><a target="_blank" href="https://search.freefind.com/find.html?si=14588965&amp;m=0&amp;p=0">sitemap</a></td><td style="font-family:Arial, Helvetica, sans-serif;font-size:7.5pt" align="right"><a target="_blank" href="https://search.freefind.com/find.html?si=14588965&amp;pid=a">advanced</a></td></tr></tbody></table></center><form style="margin:0px;margin-top:2px" action="https://search.freefind.com/find.html" method="get" accept-charset="utf-8" target="_self"><input type="hidden" name="si" value="14588965"/><input type="hidden" name="pid" value="r"/><input type="hidden" name="n" value="0"/><input type="hidden" name="_charset_" value="true"/><input type="hidden" name="bcd" value="÷"/><input type="text" name="query" size="15"/><input type="submit" value="search"/></form></td></tr><tr><td style="text-align:center;font-family:Arial, Helvetica, sans-serif;font-size:7.5pt;padding-top:4px"><a style="text-decoration:none;color:transparent" href="https://www.freefind.com/" rel="nofollow">search engine</a><a style="text-decoration:none;color:transparent" href="https://www.freefind.com/" rel="nofollow">by<span style="color:transparent">freefind</span></a></td></tr></tbody></table><a class="save2PDF" href="http://pdfcrowd.com/url_to_pdf/?">Save to PDF</a></center><a aria-current="page" class="site-logo" href="https://bgoonz-blog.netlify.app/"><img src="../../../../d33wubrfki0l68.cloudfront.net/e5662f0d4f3e7730aea1a0faf7ff09ea20184700/6ca0b/images/dgqlkqjtmk.png" alt="webdevhub logo"/></a></div><div class="inner"><div id="search" class="inner"></div><div class="site-footer-inside"><p class="site-info"><span class="copyright">@bgoonz on almost every platform</span><a href="https://random-static-html-deploys.netlify.app/blm.html" target="_blank" rel="noopener " class="button">BLM</a><a href="https://bryan-guner.gitbook.io/my-docs/" target="_blank" rel="noopener ">Docs</a><a href="#">lorem-ipsum</a> </p><div class="social-links"><a href="https://twitter.com/bgooonz" target="_blank" rel="noopener " class="button button-icon"><svg class="icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M23.954 4.569a10 10 0 01-2.825.775 4.958 4.958 0 002.163-2.723c-.951.555-2.005.959-3.127 1.184a4.92 4.92 0 00-8.384 4.482C7.691 8.094 4.066 6.13 1.64 3.161a4.822 4.822 0 00-.666 2.475c0 1.71.87 3.213 2.188 4.096a4.904 4.904 0 01-2.228-.616v.061a4.923 4.923 0 003.946 4.827 4.996 4.996 0 01-2.212.085 4.937 4.937 0 004.604 3.417 9.868 9.868 0 01-6.102 2.105c-.39 0-.779-.023-1.17-.067a13.995 13.995 0 007.557 2.209c9.054 0 13.999-7.496 13.999-13.986 0-.209 0-.42-.015-.63a9.936 9.936 0 002.46-2.548l-.047-.02z"></path></svg><span class="screen-reader-text">Twitter</span></a><a href="https://www.linkedin.com/in/bryan-guner-046199128/" target="_blank" rel="noopener " class="button button-icon"><svg class="icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 01-2.063-2.065 2.064 2.064 0 112.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"></path></svg><span class="screen-reader-text">LinkedIn</span></a><a href="https://github.com/bgoonz" target="_blank" rel="noopener " class="button button-icon"><svg class="icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"></path></svg><span class="screen-reader-text">GitHub</span></a><a href="https://www.youtube.com/channel/UC9-rYyUMsnEBK8G8fCyrXXA" target="_blank" rel="noopener " class="button button-icon"><svg class="icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M23.495 6.205a3.007 3.007 0 00-2.088-2.088c-1.87-.501-9.396-.501-9.396-.501s-7.507-.01-9.396.501A3.007 3.007 0 00.527 6.205a31.247 31.247 0 00-.522 5.805 31.247 31.247 0 00.522 5.783 3.007 3.007 0 002.088 2.088c1.868.502 9.396.502 9.396.502s7.506 0 9.396-.502a3.007 3.007 0 002.088-2.088 31.247 31.247 0 00.5-5.783 31.247 31.247 0 00-.5-5.805zM9.609 15.601V8.408l6.264 3.602z"></path></svg><span class="screen-reader-text">Youtube</span></a><a href="https://www.instagram.com/bgoonz/?hl=en" target="_blank" rel="noopener " class="button button-icon"><svg class="icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 0C8.74 0 8.333.015 7.053.072 5.775.132 4.905.333 4.14.63c-.789.306-1.459.717-2.126 1.384S.935 3.35.63 4.14C.333 4.905.131 5.775.072 7.053.012 8.333 0 8.74 0 12s.015 3.667.072 4.947c.06 1.277.261 2.148.558 2.913a5.885 5.885 0 001.384 2.126A5.868 5.868 0 004.14 23.37c.766.296 1.636.499 2.913.558C8.333 23.988 8.74 24 12 24s3.667-.015 4.947-.072c1.277-.06 2.148-.262 2.913-.558a5.898 5.898 0 002.126-1.384 5.86 5.86 0 001.384-2.126c.296-.765.499-1.636.558-2.913.06-1.28.072-1.687.072-4.947s-.015-3.667-.072-4.947c-.06-1.277-.262-2.149-.558-2.913a5.89 5.89 0 00-1.384-2.126A5.847 5.847 0 0019.86.63c-.765-.297-1.636-.499-2.913-.558C15.667.012 15.26 0 12 0zm0 2.16c3.203 0 3.585.016 4.85.071 1.17.055 1.805.249 2.227.415.562.217.96.477 1.382.896.419.42.679.819.896 1.381.164.422.36 1.057.413 2.227.057 1.266.07 1.646.07 4.85s-.015 3.585-.074 4.85c-.061 1.17-.256 1.805-.421 2.227a3.81 3.81 0 01-.899 1.382 3.744 3.744 0 01-1.38.896c-.42.164-1.065.36-2.235.413-1.274.057-1.649.07-4.859.07-3.211 0-3.586-.015-4.859-.074-1.171-.061-1.816-.256-2.236-.421a3.716 3.716 0 01-1.379-.899 3.644 3.644 0 01-.9-1.38c-.165-.42-.359-1.065-.42-2.235-.045-1.26-.061-1.649-.061-4.844 0-3.196.016-3.586.061-4.861.061-1.17.255-1.814.42-2.234.21-.57.479-.96.9-1.381.419-.419.81-.689 1.379-.898.42-.166 1.051-.361 2.221-.421 1.275-.045 1.65-.06 4.859-.06l.045.03zm0 3.678a6.162 6.162 0 100 12.324 6.162 6.162 0 100-12.324zM12 16c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4zm7.846-10.405a1.441 1.441 0 01-2.88 0 1.44 1.44 0 012.88 0z"></path></svg><span class="screen-reader-text">Instagram</span></a><a href="https://dev.to/bgoonz" target="_blank" rel="noopener " class="button button-icon"><svg class="icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M7.42 10.05c-.18-.16-.46-.23-.84-.23H6l.02 2.44.04 2.45.56-.02c.41 0 .63-.07.83-.26.24-.24.26-.36.26-2.2 0-1.91-.02-1.96-.29-2.18zM0 4.94v14.12h24V4.94H0zM8.56 15.3c-.44.58-1.06.77-2.53.77H4.71V8.53h1.4c1.67 0 2.16.18 2.6.9.27.43.29.6.32 2.57.05 2.23-.02 2.73-.47 3.3zm5.09-5.47h-2.47v1.77h1.52v1.28l-.72.04-.75.03v1.77l1.22.03 1.2.04v1.28h-1.6c-1.53 0-1.6-.01-1.87-.3l-.3-.28v-3.16c0-3.02.01-3.18.25-3.48.23-.31.25-.31 1.88-.31h1.64v1.3zm4.68 5.45c-.17.43-.64.79-1 .79-.18 0-.45-.15-.67-.39-.32-.32-.45-.63-.82-2.08l-.9-3.39-.45-1.67h.76c.4 0 .75.02.75.05 0 .06 1.16 4.54 1.26 4.83.04.15.32-.7.73-2.3l.66-2.52.74-.04c.4-.02.73 0 .73.04 0 .14-1.67 6.38-1.8 6.68z"></path></svg><span class="screen-reader-text">dev.to</span></a><a href="#">lorem-ipsum</a> </div> </div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script src='../../../../d33wubrfki0l68.cloudfront.net/bundles/0233599d4c45be641254dc1947c4cc78b0c22051.js'></script><script id="gatsby-script-loader">/*<![CDATA[*/window.pagePath="index.html";/*]]>*/</script><script id="gatsby-chunk-mapping">/*<![CDATA[*/window.___chunkMapping={"polyfill":["/polyfill-50463aa39b84c4d1ec96.js"],"app":["/app-10180cc44b3853f61402.js"],"component---src-templates-advanced-js":["/component---src-templates-advanced-js-6f213d193b5ecf8f0dd1.js"],"component---src-templates-blog-js":["/component---src-templates-blog-js-d1d7372de9a72caa6ec8.js"],"component---src-templates-docs-js":["/component---src-templates-docs-js-731339ed0815d7cada90.js"],"component---src-templates-page-js":["/component---src-templates-page-js-dcb6b8bc1563f876e59f.js"],"component---src-templates-post-js":["/component---src-templates-post-js-8dfc6c5f64f9cf30c603.js"]};/*]]>*/</script><script nomodule src='../../../../d33wubrfki0l68.cloudfront.net/js/582b61cb624d3b5bcc6977024571665de2ae7a24/polyfill-50463aa39b84c4d1ec96.js'></script><script async src='../../../../d33wubrfki0l68.cloudfront.net/bundles/a315e5520efecbe9f2dbefdf6e0d24cc6e3a3847.js'></script><input type="button" style="position: fixed;top: 10px;right: 10px;width:80px;color:white;font-weight:bold;background-color:rgba(0, 0, 0, 0.856); border-radius:15px;" value="Go Back" onclick="history.back(-1)" />
       <?php
@@ -813,10 +813,10 @@
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/html-docs/javascript/asyncjs/index.html b/docs/content/html-docs/javascript/asyncjs/index.html
index 24d30899c4..074450f9bc 100644
--- a/docs/content/html-docs/javascript/asyncjs/index.html
+++ b/docs/content/html-docs/javascript/asyncjs/index.html
@@ -605,10 +605,10 @@
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/html-docs/javascript/await-keyword/index.html b/docs/content/html-docs/javascript/await-keyword/index.html
index e55beb6f6a..05e25741e5 100644
--- a/docs/content/html-docs/javascript/await-keyword/index.html
+++ b/docs/content/html-docs/javascript/await-keyword/index.html
@@ -513,10 +513,10 @@
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/html-docs/javascript/clean-code/index.html b/docs/content/html-docs/javascript/clean-code/index.html
index 655070f716..589aa7657a 100644
--- a/docs/content/html-docs/javascript/clean-code/index.html
+++ b/docs/content/html-docs/javascript/clean-code/index.html
@@ -1966,10 +1966,10 @@
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/html-docs/javascript/constructor-functions/index.html b/docs/content/html-docs/javascript/constructor-functions/index.html
index 717edd583a..363b5ce693 100644
--- a/docs/content/html-docs/javascript/constructor-functions/index.html
+++ b/docs/content/html-docs/javascript/constructor-functions/index.html
@@ -628,10 +628,10 @@
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/html-docs/javascript/cs-basics-in-js/index.html b/docs/content/html-docs/javascript/cs-basics-in-js/index.html
index 07ffa33519..7978769bef 100644
--- a/docs/content/html-docs/javascript/cs-basics-in-js/index.html
+++ b/docs/content/html-docs/javascript/cs-basics-in-js/index.html
@@ -651,10 +651,10 @@
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/html-docs/javascript/for-loops/index.html b/docs/content/html-docs/javascript/for-loops/index.html
index c24be1141b..637af66750 100644
--- a/docs/content/html-docs/javascript/for-loops/index.html
+++ b/docs/content/html-docs/javascript/for-loops/index.html
@@ -464,10 +464,10 @@
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/html-docs/javascript/index.html b/docs/content/html-docs/javascript/index.html
index 3621014da4..4e8768afa5 100644
--- a/docs/content/html-docs/javascript/index.html
+++ b/docs/content/html-docs/javascript/index.html
@@ -688,8 +688,8 @@
     description += person[x] + &quot; &quot;;
 } // description = &#x27;Paul Ken 18 &#x27;
 
-// The for/of statement allows iteration over iterable objects (including the built-in String, 
-// Array, e.g. the Array-like arguments or NodeList objects, TypedArray, Map and Set, 
+// The for/of statement allows iteration over iterable objects (including the built-in String,
+// Array, e.g. the Array-like arguments or NodeList objects, TypedArray, Map and Set,
 // and user-defined iterables).
 var myPets = &quot;&quot;;
 var pets = [&quot;cat&quot;, &quot;dog&quot;, &quot;hamster&quot;, &quot;hedgehog&quot;];
@@ -1717,7 +1717,7 @@
 
 logPokemon(&#x27;sushi&#x27;, &#x27;algorithms&#x27;); // Pika Chu loves sushi and algorithms
 </code></pre><h4>9. Given a code snippet, identify what <code>this</code> refers to</h4><pre><code>function Person(name) {
-    // this.name = name; 
+    // this.name = name;
     // let that = this;
 
     setTimeout(function() {
@@ -3506,10 +3506,10 @@
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/html-docs/javascript/promises/index.html b/docs/content/html-docs/javascript/promises/index.html
index 6ab884f134..c6db6b51a7 100644
--- a/docs/content/html-docs/javascript/promises/index.html
+++ b/docs/content/html-docs/javascript/promises/index.html
@@ -445,57 +445,57 @@
   border-left: 3px solid #bbb;
 }
 </style></head><body class="palette-navy"><noscript id="gatsby-noscript">This app works best with JavaScript enabled.</noscript><div id="___gatsby"><div style="outline:none" tabindex="-1" id="gatsby-focus-wrapper"><div id="page" class="site"><header id="masthead" class="site-header outer"><br/><div class="inner"><div class="site-header-inside"><div class="site-branding"><p class="site-logo"><a href="https://bgoonz-blog.netlify.app/"><img src="../../../../d33wubrfki0l68.cloudfront.net/e5662f0d4f3e7730aea1a0faf7ff09ea20184700/6ca0b/images/dgqlkqjtmk.png" alt="webdevhub logo"/></a></p></div><nav id="main-navigation" class="site-navigation" aria-label="Main Navigation"><div class="site-nav-inside"><button id="menu-close" class="menu-toggle"><span class="screen-reader-text">Open Menu</span><span class="icon-close" aria-hidden="true"></span></button><ul class="menu"><li class="menu-item has-children menu-button"><a class="button" href="../../sitemap/index.html">Navigation</a><button class="submenu-toggle"><span class="icon-angle-right" aria-hidden="true"></span><span class="screen-reader-text">Sub-menu</span></button><ul class="submenu"><li class="menu-item menu-button"><a class="button" href="https://bgoonz-blog.netlify.app/docs">Docs</a></li><li class="menu-item menu-button"><a class="button" href="https://bgoonz-blog.netlify.app/showcase">Showcase</a></li><li class="menu-item menu-button"><a class="button" href="../../faq/contact/index.html">Contact!</a></li><li class="menu-item menu-button"><a target="_blank" rel="noopener " class="button" href="../../python/python-ds/index.html">Python</a></li><li class="menu-item menu-button"><a class="button" href="../index.html">JavaScript</a></li></ul></li><li class="menu-item has-children menu-button"><a target="_blank" rel="noopener " class="button" href="https://bgoonz-blog.netlify.app/blog/">Blog</a><button class="submenu-toggle"><span class="icon-angle-right" aria-hidden="true"></span><span class="screen-reader-text">Sub-menu</span></button><ul class="submenu"><li class="menu-item menu-button"><a href="https://bgoonz.blogspot.com/" target="_blank" rel="noopener " class="button">Blog-Post-Archive</a></li><li class="menu-item menu-button"><a target="_blank" rel="noopener " class="button" href="https://bgoonz-blog.netlify.app/blog/platform-docs/">platform docs</a></li><li class="menu-item menu-button"><a target="_blank" rel="noopener " class="button" href="../../articles/nodejs/index.html">nodejs</a></li><li class="menu-item menu-button"><a href="https://blog-w-comments.vercel.app/" target="_blank" rel="noopener " class="button">Blog with Comments</a></li></ul></li><li class="menu-item has-children menu-button"><a class="button" href="../../interview/job-search-nav/index.html">Job Search</a><button class="submenu-toggle"><span class="icon-angle-right" aria-hidden="true"></span><span class="screen-reader-text">Sub-menu</span></button><ul class="submenu"><li class="menu-item menu-button"><a class="button" href="https://bgoonz-blog.netlify.app/interview/job-boards">Job Boards</a></li><li class="menu-item"><a href="#">lorem-ipsum</a></li></ul></li><li class="menu-item has-children menu-button"><a target="_blank" rel="noopener " class="button" href="../../tools/archive/index.html">Archive</a><button class="submenu-toggle"><span class="icon-angle-right" aria-hidden="true"></span><span class="screen-reader-text">Sub-menu</span></button><ul class="submenu"><li class="menu-item menu-button"><a href="https://github.com/bgoonz/Learning-Assets" target="_blank" rel="noopener " class="button">Resource-Archive-Server</a></li><li class="menu-item menu-button"><a href="https://lambda-resources.netlify.app/" class="button">Bootcamp Resources</a></li><li class="menu-item menu-button"><a href="https://web-dev-resource-hub.netlify.app/" target="_blank" rel="noopener " class="button">OG-Blog</a></li><li class="menu-item menu-button"><a class="button" href="https://bgoonz-blog.netlify.app/docs">Top Repos</a></li><li class="menu-item menu-button"><a href="https://bryan-guner.gitbook.io/my-docs/" target="_blank" rel="noopener " class="button">MY_DOCS</a></li></ul></li><li class="menu-item has-children menu-button"><a target="_blank" rel="noopener " class="button" href="../../projects/index.html">Projects</a><button class="submenu-toggle"><span class="icon-angle-right" aria-hidden="true"></span><span class="screen-reader-text">Sub-menu</span></button><ul class="submenu"><li class="menu-item menu-button"><a href="https://potluck-landing.netlify.app/" target="_blank" rel="noopener " class="button">Potluck Planner</a></li><li class="menu-item menu-button"><a href="https://meditate42app.netlify.app/" target="_blank" rel="noopener " class="button">Meditation App</a></li><li class="menu-item menu-button"><a href="https://search-awesome.vercel.app/" target="_blank" rel="noopener " class="button">SearchAwesome</a></li><li class="menu-item menu-button"><a href="https://bg-portfolio.netlify.app/" target="_blank" rel="noopener " class="button">Condensed -Portfolio</a></li><li class="menu-item menu-button"><a href="https://a.familypromiseservicetracker.dev/" target="_blank" rel="noopener " class="button">Family Promise Tracker</a></li><li class="menu-item menu-button"><a href="https://github.com/bgoonz/Revamped-Automatic-Guitar-Effect-Triggering" class="button">DTW-Guitar-FX-Automation</a></li><li class="menu-item menu-button"><a href="https://friendly-panda-b61ab.netlify.app/" class="button">Embeds Blog</a></li><li class="menu-item menu-button"><a href="https://bgoonz-blog-v3-0.netlify.app/" class="button">alt-blogs</a></li><li class="menu-item menu-button"><a href="https://bgoonz-games.netlify.app/" class="button">Games</a></li><li class="menu-item menu-button"><a href="https://bgoonz-blog-v3-0.netlify.app/" target="_blank" rel="noopener " class="button">Blog Backup</a></li><li class="menu-item menu-button"><a href="https://bgoonz-cv.netlify.app/" class="button">Cover Letter</a></li><li class="menu-item menu-button"><a href="https://project-portfolio42.netlify.app/" class="button">Project Centric</a></li><li class="menu-item menu-button"><a href="https://web-dev-hub.com/" target="_blank" rel="noopener " class="button">Wordpress Blog</a></li><li class="menu-item menu-button"><a href="https://project-portfolio42.netlify.app/" class="button">Project Portfolio Gallery</a></li><li class="menu-item menu-button"><a href="https://bgoonz.github.io/github-stats-website/" class="button">github-stats-website</a></li></ul></li><li class="menu-item has-children menu-button"><a class="button" href="../../tools/index.html">Tools</a><button class="submenu-toggle"><span class="icon-angle-right" aria-hidden="true"></span><span class="screen-reader-text">Sub-menu</span></button><ul class="submenu"><li class="menu-item menu-button"><a href="https://githtmlpreview.netlify.app/" target="_blank" rel="noopener " class="button">Github HTML Previewer</a></li><li class="menu-item menu-button"><a href="https://devtools42.netlify.app/" target="_blank" rel="noopener " class="button">Text Tools</a></li><li class="menu-item menu-button"><a href="https://ternary42.netlify.app/" target="_blank" rel="noopener " class="button">Ternary 2 If Else</a></li><li class="menu-item menu-button"><a href="https://determined-dijkstra-ee7390.netlify.app/" target="_blank" rel="noopener " class="button">Job Search Resources</a></li><li class="menu-item menu-button"><a href="https://github.com/bgoonz/web-dev-setup-checker" target="_blank" rel="noopener " class="button">Setup Checker</a></li><li class="menu-item menu-button"><a href="https://potluck-landing.netlify.app/" target="_blank" rel="noopener " class="button">PotluckPlanner</a></li><li class="menu-item menu-button"><a href="https://web-dev-interview-prep-quiz-website.netlify.app/" class="button">WebDev Quizzes</a></li><li class="menu-item menu-button"><a href="https://github.com/search/advanced" target="_blank" rel="noopener " class="button button-icon"><svg class="icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"></path></svg><span class="screen-reader-text">Github-Advanced-Search</span></a></li></ul></li></ul></div></nav><button id="menu-open" class="menu-toggle"><span class="screen-reader-text">Close Menu</span><span class="icon-menu" aria-hidden="true"></span></button></div></div><div><div id="sb-search-example"><div class="sb-search-icon" id="myCustomSearchButtonID"><i class="sb-icon"></i><p>Search</p></div></div><a class="github-corner" href="https://github.com/bgoonz/BGOONZ_BLOG_2.0" aria-label="View source on Github"><svg aria-hidden="true" width="40" height="40" viewBox="0 0 250 250" style="z-index:100000;fill:black;color:#fff;position:fixed;top:0px;border:0;left:0px;transform:scale(-1.5, 1.5)"><path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path><path class="octo-arm" 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"></path><path class="octo-body" 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"></path></svg></a></div></header><main id="content" class="site-content"><div class="inner outer"><div class="docs-content"><nav id="docs-nav" class="docs-nav"><div id="docs-nav-inside" class="docs-nav-inside sticky"><button id="docs-nav-toggle" class="docs-nav-toggle">Navigate Docs<span class="icon-angle-right" aria-hidden="true"></span></button><div class="docs-nav-menu"><ul id="docs-menu" class="docs-menu"><li class="docs-menu-item"><a href="../../index.html">Docs</a></li><li class="docs-menu-item has-children"><a href="../../about/index.html">About</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../about/README/index.html">readme</a></li><li class="docs-menu-item"><a href="../../about/eng-portfolio/index.html">Engineering Portfolio</a></li><li class="docs-menu-item"><a href="../../about/resume/index.html">Resume</a></li><li class="docs-menu-item"><a href="../../about/youtube/index.html">Youtube</a></li><li class="docs-menu-item"><a href="../../about/job-search/index.html">Job Search</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../articles/index.html">Articles</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../articles/how-the-web-works/index.html">How The Web Works</a></li><li class="docs-menu-item"><a href="../../articles/http/index.html">The HTTP Protocol</a></li><li class="docs-menu-item"><a href="../../articles/nextjs/index.html">lorem-ipsum</a></li><li class="docs-menu-item"><a href="../../articles/node-cli-args/index.html">where-is-npm-pack</a></li><li class="docs-menu-item"><a href="../../articles/node-env-variables/index.html">Node Export Module</a></li><li class="docs-menu-item"><a href="../../articles/node-common-modules/index.html">Common Modules</a></li><li class="docs-menu-item"><a href="../../articles/node-repl/index.html">The-package-lock.json-file</a></li><li class="docs-menu-item"><a href="../../articles/node-js-language/index.html">packagejson</a></li><li class="docs-menu-item"><a href="../../articles/node-package-manager/index.html">Sorting Algorithms</a></li><li class="docs-menu-item"><a href="../../articles/node-run-cli/index.html">node-cli-args</a></li><li class="docs-menu-item"><a href="../../articles/npm/index.html">Introduction to npm</a></li><li class="docs-menu-item"><a href="../../articles/the-uniform-resource-locator-(url)/index.html">The Uniform Resource Locator (URL)</a></li><li class="docs-menu-item"><a href="../../articles/v8/index.html">npm global or local packages</a></li><li class="docs-menu-item"><a href="../../articles/semantic-html/index.html">Web Design</a></li><li class="docs-menu-item"><a href="../../articles/web-standards-checklist/index.html">Web Standards Checklist</a></li><li class="docs-menu-item"><a href="../../articles/understanding-firebase/index.html">Firebase</a></li><li class="docs-menu-item"><a href="../../articles/webdev-tools/index.html">Web Developer Tools</a></li><li class="docs-menu-item"><a href="../../articles/buffers/index.html">Node Buffers</a></li><li class="docs-menu-item"><a href="../../articles/dev-dep/index.html">Dev Dependencies</a></li><li class="docs-menu-item"><a href="../../articles/event-loop/index.html">The Node.js Event Loop</a></li><li class="docs-menu-item"><a href="../../articles/basic-web-dev/index.html">Web Dev Review</a></li><li class="docs-menu-item"><a href="../../articles/fs-module/index.html">Fs-Module</a></li><li class="docs-menu-item"><a href="../../articles/how-search-engines-work/index.html">The Anatomy of a Search Engine</a></li><li class="docs-menu-item"><a href="../../articles/install/index.html">Install</a></li><li class="docs-menu-item"><a href="../../articles/intro/index.html">Intro To Node</a></li><li class="docs-menu-item"><a href="../../articles/modules/index.html">Node Modules System</a></li><li class="docs-menu-item"><a href="../../articles/nodejs/index.html">Javascript and Node</a></li><li class="docs-menu-item"><a href="../../articles/npx/index.html">The npx Node.js Package Runner</a></li><li class="docs-menu-item"><a href="../../articles/nodevsbrowser/index.html">Node vs Browser</a></li><li class="docs-menu-item"><a href="../../articles/reading-files/index.html">Reading Files</a></li><li class="docs-menu-item"><a href="../../articles/os-module/index.html">OS-Module</a></li><li class="docs-menu-item"><a href="../../articles/semantic/index.html">Semantic Versioning</a></li><li class="docs-menu-item"><a href="../../articles/writing-files/index.html">Writing Files</a></li><li class="docs-menu-item"><a href="../../articles/node-api-express/index.html">Node APIs With Express</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../audio/index.html">Audio</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../audio/audio/index.html">Audio</a></li><li class="docs-menu-item"><a href="../../audio/discrete-fft/index.html">Fast Fourier Transform</a></li><li class="docs-menu-item"><a href="../../audio/audio-feature-extraction/index.html">Audio Feature Extraction</a></li><li class="docs-menu-item"><a href="../../audio/dfft/index.html">Discrete Fast Fourier Transform</a></li><li class="docs-menu-item"><a href="../../audio/dtw-python-explained/index.html">Dynamic Time Warping Algorithm Explained (Python)</a></li><li class="docs-menu-item"><a href="../../audio/dynamic-time-warping/index.html">dynamic-time-warping</a></li><li class="docs-menu-item"><a href="../../audio/web-audio-api/index.html">Web Apis</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../career/index.html">Career</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../career/dev-interview/index.html">Developer Interview Questions</a></li><li class="docs-menu-item"><a href="../../career/interview-dos-n-donts/index.html">Do &amp; Don&#x27;t of Interviewing!</a></li><li class="docs-menu-item"><a href="../../career/job-boards/index.html">Job Board</a></li><li class="docs-menu-item"><a href="../../career/wed-dev-questions/index.html">Javascript Practice</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../community/index.html">Community</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../community/an-open-letter-2-future-developers/index.html">New Developers</a></li><li class="docs-menu-item"><a href="../../community/video-chat/index.html">Video Chat</a></li><li class="docs-menu-item"><a href="../../community/github-profiles/index.html">Cool Github Profiles</a></li><li class="docs-menu-item"><a href="../../community/bookmarks/index.html">Bookmarks</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../content/index.html">Content</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../content/bash-intro/index.html">Tuning Command Line History in Bash - ShellHacks</a></li><li class="docs-menu-item"><a href="../../content/gatsby-Queries-Mutations/index.html">Queries and Mutations (Gatsby)</a></li><li class="docs-menu-item"><a href="../../content/archive/index.html">Archive</a></li><li class="docs-menu-item"><a href="../../content/github-api/index.html">All the Things You Can Do With GitHub API and Python</a></li><li class="docs-menu-item"><a href="../../content/history-api/index.html">History API</a></li><li class="docs-menu-item"><a href="../../content/trouble-shooting/index.html">Trouble Shooting</a></li><li class="docs-menu-item"><a href="../../content/netlify/index.html">Netlify Docs</a></li><li class="docs-menu-item"><a href="../../content/algo/index.html">Algorithms &amp; Data Structures</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../css/index.html">Css</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../css/css-positioning/index.html">lorem-ipsum</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../data-structures/index.html">Data Structures</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../data-structures/data-structures-in-depth/index.html">Data Structures</a></li><li class="docs-menu-item"><a href="../../data-structures/big-o/index.html">Big-O Notation</a></li><li class="docs-menu-item"><a href="../../data-structures/ds-algo-interview/index.html">Data Structures Interview</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../docs/index.html">Docs</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../docs/appendix/index.html">Apendix</a></li><li class="docs-menu-item"><a href="../../docs/css/index.html">Learn Css</a></li><li class="docs-menu-item"><a href="../../docs/art-of-command-line/index.html">Command Line Basics</a></li><li class="docs-menu-item"><a href="../../docs/git-repos/index.html">Git Repo List</a></li><li class="docs-menu-item"><a href="../../docs/git-reference/index.html">Git Reference</a></li><li class="docs-menu-item"><a href="../../docs/data-structures-docs/index.html">Data Structures Docs</a></li><li class="docs-menu-item"><a href="../../docs/markdown/index.html">Markdown</a></li><li class="docs-menu-item"><a href="../../docs/jamstack/index.html">lorem-ipsum</a></li><li class="docs-menu-item"><a href="../../docs/regex-in-js/index.html">Regular Expressions</a></li><li class="docs-menu-item"><a href="../../docs/sitemap/index.html">Sitemap</a></li><li class="docs-menu-item"><a href="../../docs/es-6-features/index.html">ECMAScript 6</a></li><li class="docs-menu-item"><a href="../../docs/bash/index.html">Bash Commands That Save Me Time and Frustration</a></li><li class="docs-menu-item"><a href="../../docs/html-spec/index.html">HTML SPEC</a></li><li class="docs-menu-item"><a href="../../docs/no-whiteboarding/index.html">lorem-ipsum</a></li><li class="docs-menu-item"><a href="../../docs/node-docs-full/index.html">Node Docs</a></li><li class="docs-menu-item"><a href="../../docs/snippets/index.html">Useful Snippets</a></li><li class="docs-menu-item"><a href="../../docs/node-docs-complete/index.html">Node Docs</a></li><li class="docs-menu-item"><a href="../../docs/glossary/index.html">lorem-ipsum</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../faq/index.html">FAQ</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../faq/plug-ins/index.html">Plug-ins</a></li><li class="docs-menu-item"><a href="../../faq/contact/index.html">Contact!</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../interact/index.html">Interactive</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../interact/callstack-visual/index.html">Callstack Visualizer</a></li><li class="docs-menu-item"><a href="../../interact/clock/index.html">Clock</a></li><li class="docs-menu-item"><a href="../../interact/jupyter-notebooks/index.html">Jupyter Notebooks</a></li><li class="docs-menu-item"><a href="../../interact/other-sites/index.html">Other Websites</a></li><li class="docs-menu-item"><a href="../../interact/video-chat/index.html">Zumzi Video Conferencing (Mesibo API Backend)</a></li></ul></li><li class="docs-menu-item has-children active"><a href="../index.html">Javascript</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../arrow-functions/index.html">JS Fat Arrow Functions</a></li><li class="docs-menu-item"><a href="../asyncjs/index.html">Asynchronous-JS</a></li><li class="docs-menu-item"><a href="../await-keyword/index.html">Await </a></li><li class="docs-menu-item"><a href="../constructor-functions/index.html">Constructor Functions</a></li><li class="docs-menu-item"><a href="../cs-basics-in-js/index.html">CS Basics</a></li><li class="docs-menu-item"><a href="../for-loops/index.html">lorem-ipsum</a></li><li class="docs-menu-item current"><a aria-current="page" class="" href="index.html">Promises</a></li><li class="docs-menu-item"><a href="../clean-code/index.html">Clean Code</a></li><li class="docs-menu-item"><a href="../review/index.html">Javascript Concepts Review</a></li><li class="docs-menu-item"><a href="../this-is-about-this/index.html">WhatisTHIS</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../interview/index.html">Interviewing</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../interview/job-search-nav/index.html">Job Search Navigation</a></li><li class="docs-menu-item"><a href="../../interview/review-concepts/index.html">Review Of Concepts</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../leetcode/index.html">Leetcode</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../leetcode/004._Median_of_Two_Sorted_Arrays/index.html">004._Median_of_Two_Sorted_Arrays</a></li><li class="docs-menu-item"><a href="../../leetcode/006._ZigZag_Conversion/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../../leetcode/008._String_to_Integer_(atoi)/index.html">008._String_to_Integer</a></li><li class="docs-menu-item"><a href="../../leetcode/009._Palindrome_Number/index.html">009._Palindrome_Number</a></li><li class="docs-menu-item"><a href="../../leetcode/011._Container_With_Most_Water/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../../leetcode/010._Regular_Expression_Matching/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../../leetcode/012._Integer_to_Roman/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../../leetcode/013._Roman_to_Integer/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../../leetcode/014._Longest_Common_Prefix/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../../leetcode/017._Letter_Combinations_of_a_Phone_Number/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../../leetcode/019._Remove_Nth_Node_From_End_of_List/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../../leetcode/020._Valid_Parentheses/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../../leetcode/022._Generate_Parentheses/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../../leetcode/026._Remove_Duplicates_from_Sorted_Array/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../../leetcode/029._Divide_Two_Integers/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../../leetcode/031._Next_Permutation/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../../leetcode/033._Search_in_Rotated_Sorted_Array/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../../leetcode/first-100/index.html">Leetcode</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../projects/index.html">Projects</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../projects/embeded-websites/index.html">Embeded Websites &amp; Projects</a></li><li class="docs-menu-item"><a href="../../projects/list-of-projects/index.html">List Of Projects</a></li><li class="docs-menu-item"><a href="../../projects/main-projects/index.html">RECENT PROJECTS</a></li><li class="docs-menu-item"><a href="../../projects/mini-projects2/index.html">Mini Projects 2</a></li><li class="docs-menu-item"><a href="../../projects/mini-projects/index.html">Mini Projects</a></li><li class="docs-menu-item"><a href="../../projects/my-websites/index.html">My Sites</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../python/index.html">Python</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../python/examples/index.html">Practice</a></li><li class="docs-menu-item"><a href="../../python/flow-control/index.html">lorem-ipsum</a></li><li class="docs-menu-item"><a href="../../python/functions/index.html">Python Functions</a></li><li class="docs-menu-item"><a href="../../python/google-sheets-api/index.html">google-sheets-api</a></li><li class="docs-menu-item"><a href="../../python/install-python-ubuntu/index.html">How to install Python 2.7 on Ubuntu 20.04 LTS</a></li><li class="docs-menu-item"><a href="../../python/intro-for-js-devs/index.html">lorem-ipsum</a></li><li class="docs-menu-item"><a href="../../python/python-ds/index.html">Python General Notes</a></li><li class="docs-menu-item"><a href="../../python/python-quiz/index.html">Python Quiz</a></li><li class="docs-menu-item"><a href="../../python/snippets/index.html">Python Snippets</a></li><li class="docs-menu-item"><a href="../../python/cheat-sheet/index.html">Python Cheat Sheet</a></li><li class="docs-menu-item"><a href="../../python/comprehensive-guide/index.html">lorem-ipsum</a></li><li class="docs-menu-item"><a href="../../python/at-length/index.html">Python at length</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../quick-reference/index.html">QuickRef</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../quick-reference/all-emojis/index.html">All Emojis</a></li><li class="docs-menu-item"><a href="../../quick-reference/git-bash/index.html">Git Bash</a></li><li class="docs-menu-item"><a href="../../quick-reference/git-tricks/index.html">Git Tricks</a></li><li class="docs-menu-item"><a href="../../quick-reference/google-firebase/index.html">Firebase (Firebasics)</a></li><li class="docs-menu-item"><a href="../../quick-reference/markdown-dropdowns/index.html">Markdown Dropdown</a></li><li class="docs-menu-item"><a href="../../quick-reference/installation/index.html">Installation</a></li><li class="docs-menu-item"><a href="../../quick-reference/minifiction/index.html">How To Minify Code For Better Web Performance </a></li><li class="docs-menu-item"><a href="../../quick-reference/new-repo-instructions/index.html">new-repo-git</a></li><li class="docs-menu-item"><a href="../../quick-reference/pull-request-rubric/index.html">Pull Request Template</a></li><li class="docs-menu-item"><a href="../../quick-reference/quick-links/index.html">Quick Links</a></li><li class="docs-menu-item"><a href="../../quick-reference/heroku-error-codes/index.html">Heroku Error Codes</a></li><li class="docs-menu-item"><a href="../../quick-reference/topRepos/index.html">Top Repos</a></li><li class="docs-menu-item"><a href="../../quick-reference/psql-setup/index.html">PostgreSQL Setup</a></li><li class="docs-menu-item"><a href="../../quick-reference/understanding-path/index.html">Understanding PATH</a></li><li class="docs-menu-item"><a href="../../quick-reference/Emmet/index.html">Emmet Cheat Sheet</a></li><li class="docs-menu-item"><a href="../../quick-reference/create-react-app/index.html">Getting Started W Create React App</a></li><li class="docs-menu-item"><a href="../../quick-reference/vscode-themes/index.html">vscode-themes</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../react/index.html">React</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../react/ajax-n-apis/index.html">AJAX and APIs</a></li><li class="docs-menu-item"><a href="../../react/createReactApp/index.html">npx-create-react-app</a></li><li class="docs-menu-item"><a href="../../react/cheatsheet/index.html">React Cheat Sheets:</a></li><li class="docs-menu-item"><a href="../../react/demo/index.html">React Class Components Demo</a></li><li class="docs-menu-item"><a href="../../react/jsx/index.html">Introducing JSX</a></li><li class="docs-menu-item"><a href="../../react/dont-use-index-as-keys/index.html">Index as a key is an anti-pattern</a></li><li class="docs-menu-item"><a href="../../react/react-w-api/index.html">lorem-ipsum</a></li><li class="docs-menu-item"><a href="../../react/quiz/index.html">React Quiz Questions</a></li><li class="docs-menu-item"><a href="../../react/react-patterns-by-usecase/index.html">React Patterns &amp; Use Cases</a></li><li class="docs-menu-item"><a href="../../react/render-elements/index.html">Rendering Elements With React</a></li><li class="docs-menu-item"><a href="../../react/react-docs/index.html">React Docs</a></li><li class="docs-menu-item"><a href="../../react/react2/index.html">Intro To React</a></li><li class="docs-menu-item"><a href="../../react/react-in-depth/index.html">React In Depth</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../reference/index.html">Reference</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../reference/awesome-static/index.html">Awesome Static Site Resources</a></li><li class="docs-menu-item"><a href="../../reference/embed-the-web/index.html">Embed The Web</a></li><li class="docs-menu-item"><a href="../../reference/google-cloud/index.html">Google Cloud</a></li><li class="docs-menu-item"><a href="../../reference/bash-commands/index.html">Bash-Commands</a></li><li class="docs-menu-item"><a href="../../reference/how-to-kill-a-process/index.html">Kill a Process in Linux</a></li><li class="docs-menu-item"><a href="../../reference/how-2-reinstall-npm/index.html">How To Reinstall NPM and Node.js On Your System</a></li><li class="docs-menu-item"><a href="../../reference/installing-node/index.html">Installing Node</a></li><li class="docs-menu-item"><a href="../../reference/intro-to-nodejs/index.html">Intro To NodeJS</a></li><li class="docs-menu-item"><a href="../../reference/notes-template/index.html">Notes Template</a></li><li class="docs-menu-item"><a href="../../reference/markdown-styleguide/index.html">Markdown Lint Styleguide</a></li><li class="docs-menu-item"><a href="../../reference/psql/index.html">Postgresql Cheat Sheet</a></li><li class="docs-menu-item"><a href="../../reference/vscode/index.html">vscode</a></li><li class="docs-menu-item"><a href="../../reference/resources/index.html">Developer Resources</a></li><li class="docs-menu-item"><a href="../../reference/awesome-nodejs/index.html">Awesome NodeJS</a></li><li class="docs-menu-item"><a href="../../reference/github-search/index.html">Github Search</a></li><li class="docs-menu-item"><a href="../../reference/awesome-lists/index.html">Awesome Lists</a></li><li class="docs-menu-item"><a href="../../reference/web-api%27s/index.html">Web Apis</a></li><li class="docs-menu-item"><a href="../../reference/bookmarks/index.html">Web Dev Bookmarks</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../tools/index.html">Tools</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../tools/dev-utilities/index.html">General Utilities</a></li><li class="docs-menu-item"><a href="../../tools/archive/index.html">Archive</a></li><li class="docs-menu-item"><a href="../../tools/markdown-html/index.html">md and html</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../tips/index.html">Tips</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../tips/array-methods/index.html">Tips</a></li><li class="docs-menu-item"><a href="../../tips/insert-into-array/index.html">Insert Into Array</a></li><li class="docs-menu-item"><a href="../../tips/sorting-strings/index.html">Sorting Strings</a></li><li class="docs-menu-item"><a href="../../tips/regex-tips/index.html">Regex Tricks</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../tutorials/index.html">Tutorials</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../tutorials/how-to-use-google-sheets-as-cms/index.html">lorem-ipsum</a></li><li class="docs-menu-item"><a href="../../tutorials/enviorment-setup/index.html">Basic Bash Proficiency</a></li></ul></li></ul></div></div></nav><article class="post type-docs"><div class="post-inside"><header class="post-header"><h1 class="post-title line-left">Promises</h1></header><div class="post-content"><h2>Promises</h2><p>JavaScript is single threaded, meaning that two bits of script cannot run at the same time; they have to run one after another. In browsers, JavaScript shares a thread with a load of other stuff that differs from browser to browser. But typically JavaScript is in the same queue as painting, updating styles, and handling user actions (such as highlighting text and interacting with form controls). Activity in one of these things delays the others.</p><p>As a human being, you&#x27;re multithreaded. You can type with multiple fingers, you can drive and hold a conversation at the same time. The only blocking function we have to deal with is sneezing, where all current activity must be suspended for the duration of the sneeze. That&#x27;s pretty annoying, especially when you&#x27;re driving and trying to hold a conversation. You don&#x27;t want to write code that&#x27;s sneezy.</p><p>You&#x27;ve probably used events and callbacks to get around this. Here are events:</p><pre><code class="language-js">var img1 = document.querySelector(&#x27;.img-1&#x27;);
-img1.addEventListener(&#x27;load&#x27;, function() {  
+img1.addEventListener(&#x27;load&#x27;, function() {
 // woo yey image loaded
 });
-img1.addEventListener(&#x27;error&#x27;, function() {  
+img1.addEventListener(&#x27;error&#x27;, function() {
 // argh everything&#x27;s broken
 });
 </code></pre><p>This isn&#x27;t sneezy at all. We get the image, add a couple of listeners, then JavaScript can stop executing until one of those listeners is called.</p><p>Unfortunately, in the example above, it&#x27;s possible that the events happened before we started listening for them, so we need to work around that using the &quot;complete&quot; property of images:</p><pre><code class="language-js">var img1 = document.querySelector(&#x27;.img-1&#x27;);
-function loaded() {  
-// woo yey image loaded}if (img1.complete) {  
+function loaded() {
+// woo yey image loaded}if (img1.complete) {
 loaded();
-}else {  
+}else {
 img1.addEventListener(&#x27;load&#x27;, loaded);
-}img1.addEventListener(&#x27;error&#x27;, function() {  
+}img1.addEventListener(&#x27;error&#x27;, function() {
 // argh everything&#x27;s broken
 });
-</code></pre><p>This doesn&#x27;t catch images that errored before we got a chance to listen for them; unfortunately the DOM doesn&#x27;t give us a way to do that. Also, this is loading one image. Things get even more complex if we want to know when a set of images have loaded.</p><h2>Events aren&#x27;t always the best way <a href="https://web.dev/promises/#events-aren&#x27;t-always-the-best-way">#</a></h2><p>Events are great for things that can happen multiple times on the same object---<code>keyup</code>, <code>touchstart</code> etc. With those events you don&#x27;t really care about what happened before you attached the listener. But when it comes to async success/failure, ideally you want something like this:</p><pre><code class="language-js">img1.callThisIfLoadedOrWhenLoaded(function() {  
-// loaded}).orIfFailedCallThis(function() {  
+</code></pre><p>This doesn&#x27;t catch images that errored before we got a chance to listen for them; unfortunately the DOM doesn&#x27;t give us a way to do that. Also, this is loading one image. Things get even more complex if we want to know when a set of images have loaded.</p><h2>Events aren&#x27;t always the best way <a href="https://web.dev/promises/#events-aren&#x27;t-always-the-best-way">#</a></h2><p>Events are great for things that can happen multiple times on the same object---<code>keyup</code>, <code>touchstart</code> etc. With those events you don&#x27;t really care about what happened before you attached the listener. But when it comes to async success/failure, ideally you want something like this:</p><pre><code class="language-js">img1.callThisIfLoadedOrWhenLoaded(function() {
+// loaded}).orIfFailedCallThis(function() {
 // failed
 });
-// and...whenAllTheseHaveLoaded([img1, img2]).callThis(function() {  
-// all loaded}).orIfSomeFailedCallThis(function() {  
+// and...whenAllTheseHaveLoaded([img1, img2]).callThis(function() {
+// all loaded}).orIfSomeFailedCallThis(function() {
 // one or more failed
 });
-</code></pre><p>This is what promises do, but with better naming. If HTML image elements had a &quot;ready&quot; method that returned a promise, we could do this:</p><pre><code class="language-js">img1.ready().then(function() {  
-// loaded}, function() {  
+</code></pre><p>This is what promises do, but with better naming. If HTML image elements had a &quot;ready&quot; method that returned a promise, we could do this:</p><pre><code class="language-js">img1.ready().then(function() {
+// loaded}, function() {
 // failed
 });
-// and...Promise.all([img1.ready(), img2.ready()]).then(function() {  
-// all loaded}, function() {  
+// and...Promise.all([img1.ready(), img2.ready()]).then(function() {
+// all loaded}, function() {
 // one or more failed
 });
-</code></pre><p>At their most basic, promises are a bit like event listeners except:</p><ul><li>A promise can only succeed or fail once. It cannot succeed or fail twice, neither can it switch from success to failure or vice versa.</li><li>If a promise has succeeded or failed and you later add a success/failure callback, the correct callback will be called, even though the event took place earlier.</li></ul><p>This is extremely useful for async success/failure, because you&#x27;re less interested in the exact time something became available, and more interested in reacting to the outcome.</p><h2>Promise terminology <a href="https://web.dev/promises/#promise-terminology">#</a></h2><p><a href="https://twitter.com/domenic">Domenic Denicola</a> proof read the first draft of this article and graded me &quot;F&quot; for terminology. He put me in detention, forced me to copy out <a href="https://github.com/domenic/promises-unwrapping/blob/master/docs/states-and-fates.md">States and Fates</a> 100 times, and wrote a worried letter to my parents. Despite that, I still get a lot of the terminology mixed up, but here are the basics:</p><p>A promise can be:</p><ul><li>fulfilled - The action relating to the promise succeeded</li><li>rejected - The action relating to the promise failed</li><li>pending - Hasn&#x27;t fulfilled or rejected yet</li><li>settled - Has fulfilled or rejected</li></ul><p><a href="https://www.ecma-international.org/ecma-262/#sec-promise-objects">The spec</a> also uses the term thenable to describe an object that is promise-like, in that it has a <code>then</code> method. This term reminds me of ex-England Football Manager <a href="https://en.wikipedia.org/wiki/Terry_Venables">Terry Venables</a> so I&#x27;ll be using it as little as possible.</p><h2>Promises arrive in JavaScript! <a href="https://web.dev/promises/#promises-arrive-in-javascript!">#</a></h2><p>Promises have been around for a while in the form of libraries, such as:</p><ul><li><a href="https://github.com/kriskowal/q">Q</a></li><li><a href="https://github.com/cujojs/when">when</a></li><li><a href="https://msdn.microsoft.com/en-us/library/windows/apps/br211867.aspx">WinJS</a></li><li><a href="../../../../github.com/tildeio/rsvp.html">RSVP.js</a></li></ul><p>The above and JavaScript promises share a common, standardized behaviour called <a href="https://github.com/promises-aplus/promises-spec">Promises/A+</a>. If you&#x27;re a jQuery user, they have something similar called <a href="https://api.jquery.com/category/deferred-object/">Deferreds</a>. However, Deferreds aren&#x27;t Promise/A+ compliant, which makes them <a href="https://thewayofcode.wordpress.com/tag/jquery-deferred-broken/">subtly different and less useful</a>, so beware. jQuery also has <a href="https://api.jquery.com/Types/#Promise">a Promise type</a>, but this is just a subset of Deferred and has the same issues.</p><p>Although promise implementations follow a standardized behaviour, their overall APIs differ. JavaScript promises are similar in API to RSVP.js. Here&#x27;s how you create a promise:</p><pre><code class="language-js">var promise = new Promise(function(resolve, reject) {  
-// do a thing, possibly async, then...  if (/* everything turned out fine */) {  
+</code></pre><p>At their most basic, promises are a bit like event listeners except:</p><ul><li>A promise can only succeed or fail once. It cannot succeed or fail twice, neither can it switch from success to failure or vice versa.</li><li>If a promise has succeeded or failed and you later add a success/failure callback, the correct callback will be called, even though the event took place earlier.</li></ul><p>This is extremely useful for async success/failure, because you&#x27;re less interested in the exact time something became available, and more interested in reacting to the outcome.</p><h2>Promise terminology <a href="https://web.dev/promises/#promise-terminology">#</a></h2><p><a href="https://twitter.com/domenic">Domenic Denicola</a> proof read the first draft of this article and graded me &quot;F&quot; for terminology. He put me in detention, forced me to copy out <a href="https://github.com/domenic/promises-unwrapping/blob/master/docs/states-and-fates.md">States and Fates</a> 100 times, and wrote a worried letter to my parents. Despite that, I still get a lot of the terminology mixed up, but here are the basics:</p><p>A promise can be:</p><ul><li>fulfilled - The action relating to the promise succeeded</li><li>rejected - The action relating to the promise failed</li><li>pending - Hasn&#x27;t fulfilled or rejected yet</li><li>settled - Has fulfilled or rejected</li></ul><p><a href="https://www.ecma-international.org/ecma-262/#sec-promise-objects">The spec</a> also uses the term thenable to describe an object that is promise-like, in that it has a <code>then</code> method. This term reminds me of ex-England Football Manager <a href="https://en.wikipedia.org/wiki/Terry_Venables">Terry Venables</a> so I&#x27;ll be using it as little as possible.</p><h2>Promises arrive in JavaScript! <a href="https://web.dev/promises/#promises-arrive-in-javascript!">#</a></h2><p>Promises have been around for a while in the form of libraries, such as:</p><ul><li><a href="https://github.com/kriskowal/q">Q</a></li><li><a href="https://github.com/cujojs/when">when</a></li><li><a href="https://msdn.microsoft.com/en-us/library/windows/apps/br211867.aspx">WinJS</a></li><li><a href="../../../../github.com/tildeio/rsvp.html">RSVP.js</a></li></ul><p>The above and JavaScript promises share a common, standardized behaviour called <a href="https://github.com/promises-aplus/promises-spec">Promises/A+</a>. If you&#x27;re a jQuery user, they have something similar called <a href="https://api.jquery.com/category/deferred-object/">Deferreds</a>. However, Deferreds aren&#x27;t Promise/A+ compliant, which makes them <a href="https://thewayofcode.wordpress.com/tag/jquery-deferred-broken/">subtly different and less useful</a>, so beware. jQuery also has <a href="https://api.jquery.com/Types/#Promise">a Promise type</a>, but this is just a subset of Deferred and has the same issues.</p><p>Although promise implementations follow a standardized behaviour, their overall APIs differ. JavaScript promises are similar in API to RSVP.js. Here&#x27;s how you create a promise:</p><pre><code class="language-js">var promise = new Promise(function(resolve, reject) {
+// do a thing, possibly async, then...  if (/* everything turned out fine */) {
   resolve(&quot;Stuff worked!&quot;);
-  }  else {  
+  }  else {
   reject(Error(&quot;It broke&quot;));
   }
 });
-</code></pre><p>The promise constructor takes one argument, a callback with two parameters, resolve and reject. Do something within the callback, perhaps async, then call resolve if everything worked, otherwise call reject.</p><p>Like <code>throw</code> in plain old JavaScript, it&#x27;s customary, but not required, to reject with an Error object. The benefit of Error objects is they capture a stack trace, making debugging tools more helpful.</p><p>Here&#x27;s how you use that promise:</p><pre><code class="language-js">promise.then(function(result) {  
+</code></pre><p>The promise constructor takes one argument, a callback with two parameters, resolve and reject. Do something within the callback, perhaps async, then call resolve if everything worked, otherwise call reject.</p><p>Like <code>throw</code> in plain old JavaScript, it&#x27;s customary, but not required, to reject with an Error object. The benefit of Error objects is they capture a stack trace, making debugging tools more helpful.</p><p>Here&#x27;s how you use that promise:</p><pre><code class="language-js">promise.then(function(result) {
 console.log(result);
- // &quot;Stuff worked!&quot;}, function(err) {  
+ // &quot;Stuff worked!&quot;}, function(err) {
 console.log(err);
  // Error: &quot;It broke&quot;
 });
 </code></pre><p><code>then()</code> takes two arguments, a callback for a success case, and another for the failure case. Both are optional, so you can add a callback for the success or failure case only.</p><p>JavaScript promises started out in the DOM as &quot;Futures&quot;, renamed to &quot;Promises&quot;, and finally moved into JavaScript. Having them in JavaScript rather than the DOM is great because they&#x27;ll be available in non-browser JS contexts such as Node.js (whether they make use of them in their core APIs is another question).</p><p>Although they&#x27;re a JavaScript feature, the DOM isn&#x27;t afraid to use them. In fact, all new DOM APIs with async success/failure methods will use promises. This is happening already with <a href="https://dvcs.w3.org/hg/quota/raw-file/tip/Overview.html#idl-def-StorageQuota">Quota Management</a>, <a href="http://dev.w3.org/csswg/css-font-loading/#font-face-set-ready">Font Load Events</a>, <a href="https://github.com/slightlyoff/ServiceWorker/blob/cf459d473ae09f6994e8539113d277cbd2bce939/service_worker.ts#L17">ServiceWorker</a>, <a href="https://webaudio.github.io/web-midi-api/#widl-Navigator-requestMIDIAccess-Promise-MIDIOptions-options">Web MIDI</a>, <a href="https://github.com/whatwg/streams#basereadablestream">Streams</a>, and more.</p><h2>Browser support &amp; polyfill <a href="https://web.dev/promises/#browser-support-and-polyfill">#</a></h2><p>There are already implementations of promises in browsers today.</p><p>As of Chrome 32, Opera 19, Firefox 29, Safari 8 &amp; Microsoft Edge, promises are enabled by default.</p><p>To bring browsers that lack a complete promises implementation up to spec compliance, or add promises to other browsers and Node.js, check out <a href="https://github.com/jakearchibald/ES6-Promises#readme">the polyfill</a> (2k gzipped).</p><h2>Compatibility with other libraries <a href="https://web.dev/promises/#compatibility-with-other-libraries">#</a></h2><p>The JavaScript promises API will treat anything with a <code>then()</code> method as promise-like (or <code>thenable</code> in promise-speak <em>sigh</em>), so if you use a library that returns a Q promise, that&#x27;s fine, it&#x27;ll play nice with the new JavaScript promises.</p><p>Although, as I mentioned, jQuery&#x27;s Deferreds are a bit ... unhelpful. Thankfully you can cast them to standard promises, which is worth doing as soon as possible:</p><pre><code class="language-js">var jsPromise = Promise.resolve($.ajax(&#x27;/whatever.json&#x27;))
 </code></pre><p>Here, jQuery&#x27;s <code>$.ajax</code> returns a Deferred. Since it has a <code>then()</code> method, <code>Promise.resolve()</code> can turn it into a JavaScript promise. However, sometimes deferreds pass multiple arguments to their callbacks, for example:</p><pre><code class="language-js">var jqDeferred = $.ajax(&#x27;/whatever.json&#x27;);
-jqDeferred.then(function(response, statusText, xhrObj) {  
-// ...}, function(xhrObj, textStatus, err) {  
+jqDeferred.then(function(response, statusText, xhrObj) {
+// ...}, function(xhrObj, textStatus, err) {
 // ...})
-</code></pre><p>Whereas JS promises ignore all but the first:</p><pre><code class="language-js">jsPromise.then(function(response) {  
-// ...}, function(xhrObj) {  
+</code></pre><p>Whereas JS promises ignore all but the first:</p><pre><code class="language-js">jsPromise.then(function(response) {
+// ...}, function(xhrObj) {
 // ...})
 </code></pre><p>Thankfully this is usually what you want, or at least gives you access to what you want. Also, be aware that jQuery doesn&#x27;t follow the convention of passing Error objects into rejections.</p><h2>Complex async code made easier <a href="https://web.dev/promises/#complex-async-code-made-easier">#</a></h2><p>Right, let&#x27;s code some things. Say we want to:</p><ol><li>Start a spinner to indicate loading</li><li>Fetch some JSON for a story, which gives us the title, and urls for each chapter</li><li>Add title to the page</li><li>Fetch each chapter</li><li>Add the story to the page</li><li>Stop the spinner</li></ol><p>... but also tell the user if something went wrong along the way. We&#x27;ll want to stop the spinner at that point too, else it&#x27;ll keep on spinning, get dizzy, and crash into some other UI.</p><p>Of course, you wouldn&#x27;t use JavaScript to deliver a story, <a href="https://jakearchibald.com/2013/progressive-enhancement-is-faster/">serving as HTML is faster</a>, but this pattern is pretty common when dealing with APIs: Multiple data fetches, then do something when it&#x27;s all done.</p><p>To start with, let&#x27;s deal with fetching data from the network:</p><h2>Promisifying XMLHttpRequest <a href="https://web.dev/promises/#promisifying-xmlhttprequest">#</a></h2><p>Old APIs will be updated to use promises, if it&#x27;s possible in a backwards compatible way. <code>XMLHttpRequest</code> is a prime candidate, but in the mean time let&#x27;s write a simple function to make a GET request:</p><pre><code class="language-js">function get(url) {
   // Return a new promise.
@@ -531,7 +531,7 @@
     // Make the request
     req.send();
 
-  
+
 });
 
 }
@@ -572,12 +572,12 @@
   console.log(&quot;Yey JSON!&quot;, response);
 
 })
-</code></pre><p>In fact, we could make a <code>getJSON()</code> function really easily:</p><pre><code class="language-js">function getJSON(url) {  
+</code></pre><p>In fact, we could make a <code>getJSON()</code> function really easily:</p><pre><code class="language-js">function getJSON(url) {
 return get(url).then(JSON.parse);
 }
-</code></pre><p><code>getJSON()</code> still returns a promise, one that fetches a url then parses the response as JSON.</p><h3>Queuing asynchronous actions <a href="https://web.dev/promises/#queuing-asynchronous-actions">#</a></h3><p>You can also chain <code>then</code>s to run async actions in sequence.</p><p>When you return something from a <code>then()</code> callback, it&#x27;s a bit magic. If you return a value, the next <code>then()</code> is called with that value. However, if you return something promise-like, the next <code>then()</code> waits on it, and is only called when that promise settles (succeeds/fails). For example:</p><pre><code class="language-js">getJSON(&#x27;story.json&#x27;).then(function(story) {  
+</code></pre><p><code>getJSON()</code> still returns a promise, one that fetches a url then parses the response as JSON.</p><h3>Queuing asynchronous actions <a href="https://web.dev/promises/#queuing-asynchronous-actions">#</a></h3><p>You can also chain <code>then</code>s to run async actions in sequence.</p><p>When you return something from a <code>then()</code> callback, it&#x27;s a bit magic. If you return a value, the next <code>then()</code> is called with that value. However, if you return something promise-like, the next <code>then()</code> waits on it, and is only called when that promise settles (succeeds/fails). For example:</p><pre><code class="language-js">getJSON(&#x27;story.json&#x27;).then(function(story) {
 return getJSON(story.chapterUrls[0]);
-}).then(function(chapter1) {  
+}).then(function(chapter1) {
 console.log(&quot;Got chapter 1!&quot;, chapter1);
 })
 </code></pre><p>Here we make an async request to <code>story.json</code>, which gives us a set of URLs to request, then we request the first of those. This is when promises really start to stand out from simple callback patterns.</p><p>You could even make a shortcut method to get chapters:</p><pre><code class="language-js">var storyPromise;
@@ -602,19 +602,19 @@
   console.log(chapter);
 
 })
-</code></pre><p>We don&#x27;t download <code>story.json</code> until <code>getChapter</code> is called, but the next time(s) <code>getChapter</code> is called we reuse the story promise, so <code>story.json</code> is only fetched once. Yay Promises!</p><h2>Error handling <a href="https://web.dev/promises/#error-handling">#</a></h2><p>As we saw earlier, <code>then()</code> takes two arguments, one for success, one for failure (or fulfill and reject, in promises-speak):</p><pre><code class="language-js">get(&#x27;story.json&#x27;).then(function(response) {  
+</code></pre><p>We don&#x27;t download <code>story.json</code> until <code>getChapter</code> is called, but the next time(s) <code>getChapter</code> is called we reuse the story promise, so <code>story.json</code> is only fetched once. Yay Promises!</p><h2>Error handling <a href="https://web.dev/promises/#error-handling">#</a></h2><p>As we saw earlier, <code>then()</code> takes two arguments, one for success, one for failure (or fulfill and reject, in promises-speak):</p><pre><code class="language-js">get(&#x27;story.json&#x27;).then(function(response) {
 console.log(&quot;Success!&quot;, response);
-}, function(error) {  
+}, function(error) {
 console.log(&quot;Failed!&quot;, error);
 })
-</code></pre><p>You can also use <code>catch()</code>:</p><pre><code class="language-js">get(&#x27;story.json&#x27;).then(function(response) {  
+</code></pre><p>You can also use <code>catch()</code>:</p><pre><code class="language-js">get(&#x27;story.json&#x27;).then(function(response) {
 console.log(&quot;Success!&quot;, response);
-}).catch(function(error) {  
+}).catch(function(error) {
 console.log(&quot;Failed!&quot;, error);
 })
-</code></pre><p>There&#x27;s nothing special about <code>catch()</code>, it&#x27;s just sugar for <code>then(undefined, func)</code>, but it&#x27;s more readable. Note that the two code examples above do not behave the same, the latter is equivalent to:</p><pre><code class="language-js">get(&#x27;story.json&#x27;).then(function(response) {  
+</code></pre><p>There&#x27;s nothing special about <code>catch()</code>, it&#x27;s just sugar for <code>then(undefined, func)</code>, but it&#x27;s more readable. Note that the two code examples above do not behave the same, the latter is equivalent to:</p><pre><code class="language-js">get(&#x27;story.json&#x27;).then(function(response) {
 console.log(&quot;Success!&quot;, response);
-}).then(undefined, function(error) {  
+}).then(undefined, function(error) {
 console.log(&quot;Failed!&quot;, error);
 })
 </code></pre><p>The difference is subtle, but extremely useful. Promise rejections skip forward to the next <code>then()</code> with a rejection callback (or <code>catch()</code>, since it&#x27;s equivalent). With <code>then(func1, func2)</code>, <code>func1</code> or <code>func2</code> will be called, never both. But with <code>then(func1).catch(func2)</code>, both will be called if <code>func1</code> rejects, as they&#x27;re separate steps in the chain. Take the following:</p><pre><code class="language-js">asyncThing1().then(function() {
@@ -639,129 +639,129 @@
   console.log(&quot;All done!&quot;);
 
 })
-</code></pre><p>The flow above is very similar to normal JavaScript try/catch, errors that happen within a &quot;try&quot; go immediately to the <code>catch()</code> block. Here&#x27;s the above as a flowchart (because I love flowcharts):</p><p>Follow the blue lines for promises that fulfill, or the red for ones that reject.</p><h3>JavaScript exceptions and promises <a href="https://web.dev/promises/#javascript-exceptions-and-promises">#</a></h3><p>Rejections happen when a promise is explicitly rejected, but also implicitly if an error is thrown in the constructor callback:</p><pre><code class="language-js">var jsonPromise = new Promise(function(resolve, reject) {  
+</code></pre><p>The flow above is very similar to normal JavaScript try/catch, errors that happen within a &quot;try&quot; go immediately to the <code>catch()</code> block. Here&#x27;s the above as a flowchart (because I love flowcharts):</p><p>Follow the blue lines for promises that fulfill, or the red for ones that reject.</p><h3>JavaScript exceptions and promises <a href="https://web.dev/promises/#javascript-exceptions-and-promises">#</a></h3><p>Rejections happen when a promise is explicitly rejected, but also implicitly if an error is thrown in the constructor callback:</p><pre><code class="language-js">var jsonPromise = new Promise(function(resolve, reject) {
 // JSON.parse throws an error if you feed it some  // invalid JSON, so this implicitly rejects:  resolve(JSON.parse(&quot;This ain&#x27;t JSON&quot;));
 
 });
-jsonPromise.then(function(data) {  
+jsonPromise.then(function(data) {
 // This never happens:  console.log(&quot;It worked!&quot;, data);
-}).catch(function(err) {  
+}).catch(function(err) {
 // Instead, this happens:  console.log(&quot;It failed!&quot;, err);
 })
-</code></pre><p>This means it&#x27;s useful to do all your promise-related work inside the promise constructor callback, so errors are automatically caught and become rejections.</p><p>The same goes for errors thrown in <code>then()</code> callbacks.</p><pre><code>get(&#x27;/&#x27;).then(JSON.parse).then(function() {  
+</code></pre><p>This means it&#x27;s useful to do all your promise-related work inside the promise constructor callback, so errors are automatically caught and become rejections.</p><p>The same goes for errors thrown in <code>then()</code> callbacks.</p><pre><code>get(&#x27;/&#x27;).then(JSON.parse).then(function() {
 // This never happens, &#x27;/&#x27; is an HTML page, not JSON  // so JSON.parse throws  console.log(&quot;It worked!&quot;, data);
-}).catch(function(err) {  
+}).catch(function(err) {
 // Instead, this happens:  console.log(&quot;It failed!&quot;, err);
 })
-</code></pre><h3>Error handling in practice <a href="https://web.dev/promises/#error-handling-in-practice">#</a></h3><p>With our story and chapters, we can use catch to display an error to the user:</p><pre><code class="language-js">getJSON(&#x27;story.json&#x27;).then(function(story) {  
+</code></pre><h3>Error handling in practice <a href="https://web.dev/promises/#error-handling-in-practice">#</a></h3><p>With our story and chapters, we can use catch to display an error to the user:</p><pre><code class="language-js">getJSON(&#x27;story.json&#x27;).then(function(story) {
 return getJSON(story.chapterUrls[0]);
-}).then(function(chapter1) {  
+}).then(function(chapter1) {
 addHtmlToPage(chapter1.html);
-}).catch(function() {  
+}).catch(function() {
 addTextToPage(&quot;Failed to show chapter&quot;);
-}).then(function() {  
+}).then(function() {
 document.querySelector(&#x27;.spinner&#x27;).style.display = &#x27;none&#x27;;})
-</code></pre><p>If fetching <code>story.chapterUrls[0]</code> fails (e.g., http 500 or user is offline), it&#x27;ll skip all following success callbacks, which includes the one in <code>getJSON()</code> which tries to parse the response as JSON, and also skips the callback that adds chapter1.html to the page. Instead it moves onto the catch callback. As a result, &quot;Failed to show chapter&quot; will be added to the page if any of the previous actions failed.</p><p>Like JavaScript&#x27;s try/catch, the error is caught and subsequent code continues, so the spinner is always hidden, which is what we want. The above becomes a non-blocking async version of:</p><pre><code class="language-js">try {  
+</code></pre><p>If fetching <code>story.chapterUrls[0]</code> fails (e.g., http 500 or user is offline), it&#x27;ll skip all following success callbacks, which includes the one in <code>getJSON()</code> which tries to parse the response as JSON, and also skips the callback that adds chapter1.html to the page. Instead it moves onto the catch callback. As a result, &quot;Failed to show chapter&quot; will be added to the page if any of the previous actions failed.</p><p>Like JavaScript&#x27;s try/catch, the error is caught and subsequent code continues, so the spinner is always hidden, which is what we want. The above becomes a non-blocking async version of:</p><pre><code class="language-js">try {
 var story = getJSONSync(&#x27;story.json&#x27;);
   var chapter1 = getJSONSync(story.chapterUrls[0]);
   addHtmlToPage(chapter1.html);
-}catch (e) {  
+}catch (e) {
 addTextToPage(&quot;Failed to show chapter&quot;);
 }document.querySelector(&#x27;.spinner&#x27;).style.display = &#x27;none&#x27;
-</code></pre><p>You may want to <code>catch()</code> simply for logging purposes, without recovering from the error. To do this, just rethrow the error. We could do this in our <code>getJSON()</code> method:</p><pre><code class="language-js">function getJSON(url) {  
-return get(url).then(JSON.parse).catch(function(err) {  
+</code></pre><p>You may want to <code>catch()</code> simply for logging purposes, without recovering from the error. To do this, just rethrow the error. We could do this in our <code>getJSON()</code> method:</p><pre><code class="language-js">function getJSON(url) {
+return get(url).then(JSON.parse).catch(function(err) {
   console.log(&quot;getJSON failed for&quot;, url, err);
-    throw err;  
+    throw err;
 });
 }
-</code></pre><p>So we&#x27;ve managed to fetch one chapter, but we want them all. Let&#x27;s make that happen.</p><h2>Parallelism and sequencing: getting the best of both <a href="https://web.dev/promises/#parallelism-and-sequencing:-getting-the-best-of-both">#</a></h2><p>Thinking async isn&#x27;t easy. If you&#x27;re struggling to get off the mark, try writing the code as if it were synchronous. In this case:</p><pre><code class="language-js">try {  
+</code></pre><p>So we&#x27;ve managed to fetch one chapter, but we want them all. Let&#x27;s make that happen.</p><h2>Parallelism and sequencing: getting the best of both <a href="https://web.dev/promises/#parallelism-and-sequencing:-getting-the-best-of-both">#</a></h2><p>Thinking async isn&#x27;t easy. If you&#x27;re struggling to get off the mark, try writing the code as if it were synchronous. In this case:</p><pre><code class="language-js">try {
 var story = getJSONSync(&#x27;story.json&#x27;);
   addHtmlToPage(story.heading);
-  story.chapterUrls.forEach(function(chapterUrl) {  
+  story.chapterUrls.forEach(function(chapterUrl) {
   var chapter = getJSONSync(chapterUrl);
     addHtmlToPage(chapter.html);
-  
+
 });
   addTextToPage(&quot;All done&quot;);
-}catch (err) {  
+}catch (err) {
 addTextToPage(&quot;Argh, broken: &quot; + err.message);
 }document.querySelector(&#x27;.spinner&#x27;).style.display = &#x27;none&#x27;
-</code></pre><p>That works! But it&#x27;s sync and locks up the browser while things download. To make this work async we use <code>then()</code> to make things happen one after another.</p><pre><code>getJSON(&#x27;story.json&#x27;).then(function(story) {  
+</code></pre><p>That works! But it&#x27;s sync and locks up the browser while things download. To make this work async we use <code>then()</code> to make things happen one after another.</p><pre><code>getJSON(&#x27;story.json&#x27;).then(function(story) {
 addHtmlToPage(story.heading);
-  // TODO: for each url in story.chapterUrls, fetch &amp;amp; display}).then(function() {  
+  // TODO: for each url in story.chapterUrls, fetch &amp;amp; display}).then(function() {
 // And we&#x27;re all done!  addTextToPage(&quot;All done&quot;);
-}).catch(function(err) {  
+}).catch(function(err) {
 // Catch any error that happened along the way  addTextToPage(&quot;Argh, broken: &quot; + err.message);
-}).then(function() {  
+}).then(function() {
 // Always hide the spinner  document.querySelector(&#x27;.spinner&#x27;).style.display = &#x27;none&#x27;;})
-</code></pre><p>But how can we loop through the chapter urls and fetch them in order? This doesn&#x27;t work:</p><pre><code class="language-js">story.chapterUrls.forEach(function(chapterUrl) {  
-// Fetch chapter  getJSON(chapterUrl).then(function(chapter) {  
+</code></pre><p>But how can we loop through the chapter urls and fetch them in order? This doesn&#x27;t work:</p><pre><code class="language-js">story.chapterUrls.forEach(function(chapterUrl) {
+// Fetch chapter  getJSON(chapterUrl).then(function(chapter) {
   // and add it to the page    addHtmlToPage(chapter.html);
-  
+
 });
 })
 </code></pre><p><code>forEach</code> isn&#x27;t async-aware, so our chapters would appear in whatever order they download, which is basically how Pulp Fiction was written. This isn&#x27;t Pulp Fiction, so let&#x27;s fix it.</p><h3>Creating a sequence <a href="https://web.dev/promises/#creating-a-sequence">#</a></h3><p>We want to turn our <code>chapterUrls</code> array into a sequence of promises. We can do that using <code>then()</code>:</p><pre><code class="language-js">// Start off with a promise that always resolvesvar sequence = Promise.resolve();
-// Loop through our chapter urlsstory.chapterUrls.forEach(function(chapterUrl) {  
-// Add these actions to the end of the sequence  sequence = sequence.then(function() {  
+// Loop through our chapter urlsstory.chapterUrls.forEach(function(chapterUrl) {
+// Add these actions to the end of the sequence  sequence = sequence.then(function() {
   return getJSON(chapterUrl);
-  }).then(function(chapter) {  
+  }).then(function(chapter) {
   addHtmlToPage(chapter.html);
-  
+
 });
 })
-</code></pre><p>This is the first time we&#x27;ve seen <code>Promise.resolve()</code>, which creates a promise that resolves to whatever value you give it. If you pass it an instance of <code>Promise</code> it&#x27;ll simply return it (note: this is a change to the spec that some implementations don&#x27;t yet follow). If you pass it something promise-like (has a <code>then()</code> method), it creates a genuine <code>Promise</code> that fulfills/rejects in the same way. If you pass in any other value, e.g., <code>Promise.resolve(&#x27;Hello&#x27;)</code>, it creates a promise that fulfills with that value. If you call it with no value, as above, it fulfills with &quot;undefined&quot;.</p><p>There&#x27;s also <code>Promise.reject(val)</code>, which creates a promise that rejects with the value you give it (or undefined).</p><p>We can tidy up the above code using <a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array/Reduce"><code>array.reduce</code></a>:</p><pre><code class="language-js">// Loop through our chapter urlsstory.chapterUrls.reduce(function(sequence, chapterUrl) {  
-// Add these actions to the end of the sequence  return sequence.then(function() {  
+</code></pre><p>This is the first time we&#x27;ve seen <code>Promise.resolve()</code>, which creates a promise that resolves to whatever value you give it. If you pass it an instance of <code>Promise</code> it&#x27;ll simply return it (note: this is a change to the spec that some implementations don&#x27;t yet follow). If you pass it something promise-like (has a <code>then()</code> method), it creates a genuine <code>Promise</code> that fulfills/rejects in the same way. If you pass in any other value, e.g., <code>Promise.resolve(&#x27;Hello&#x27;)</code>, it creates a promise that fulfills with that value. If you call it with no value, as above, it fulfills with &quot;undefined&quot;.</p><p>There&#x27;s also <code>Promise.reject(val)</code>, which creates a promise that rejects with the value you give it (or undefined).</p><p>We can tidy up the above code using <a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array/Reduce"><code>array.reduce</code></a>:</p><pre><code class="language-js">// Loop through our chapter urlsstory.chapterUrls.reduce(function(sequence, chapterUrl) {
+// Add these actions to the end of the sequence  return sequence.then(function() {
   return getJSON(chapterUrl);
-  }).then(function(chapter) {  
+  }).then(function(chapter) {
   addHtmlToPage(chapter.html);
-  
+
 });
 }, Promise.resolve())
-</code></pre><p>This is doing the same as the previous example, but doesn&#x27;t need the separate &quot;sequence&quot; variable. Our reduce callback is called for each item in the array. &quot;sequence&quot; is <code>Promise.resolve()</code> the first time around, but for the rest of the calls &quot;sequence&quot; is whatever we returned from the previous call. <code>array.reduce</code> is really useful for boiling an array down to a single value, which in this case is a promise.</p><p>Let&#x27;s put it all together:</p><pre><code class="language-js">getJSON(&#x27;story.json&#x27;).then(function(story) {  
+</code></pre><p>This is doing the same as the previous example, but doesn&#x27;t need the separate &quot;sequence&quot; variable. Our reduce callback is called for each item in the array. &quot;sequence&quot; is <code>Promise.resolve()</code> the first time around, but for the rest of the calls &quot;sequence&quot; is whatever we returned from the previous call. <code>array.reduce</code> is really useful for boiling an array down to a single value, which in this case is a promise.</p><p>Let&#x27;s put it all together:</p><pre><code class="language-js">getJSON(&#x27;story.json&#x27;).then(function(story) {
 addHtmlToPage(story.heading);
-  return story.chapterUrls.reduce(function(sequence, chapterUrl) {  
-  // Once the last chapter&#x27;s promise is done...    return sequence.then(function() {  
+  return story.chapterUrls.reduce(function(sequence, chapterUrl) {
+  // Once the last chapter&#x27;s promise is done...    return sequence.then(function() {
     // ...fetch the next chapter      return getJSON(chapterUrl);
-    }).then(function(chapter) {  
+    }).then(function(chapter) {
     // and add it to the page      addHtmlToPage(chapter.html);
-    
+
 });
   }, Promise.resolve());
-}).then(function() {  
+}).then(function() {
 // And we&#x27;re all done!  addTextToPage(&quot;All done&quot;);
-}).catch(function(err) {  
+}).catch(function(err) {
 // Catch any error that happened along the way  addTextToPage(&quot;Argh, broken: &quot; + err.message);
-}).then(function() {  
+}).then(function() {
 // Always hide the spinner  document.querySelector(&#x27;.spinner&#x27;).style.display = &#x27;none&#x27;;})
-</code></pre><p>And there we have it, a fully async version of the sync version. But we can do better. At the moment our page is downloading like this:</p><p>Browsers are pretty good at downloading multiple things at once, so we&#x27;re losing performance by downloading chapters one after the other. What we want to do is download them all at the same time, then process them when they&#x27;ve all arrived. Thankfully there&#x27;s an API for this:</p><pre><code class="language-js">Promise.all(arrayOfPromises).then(function(arrayOfResults) {  
+</code></pre><p>And there we have it, a fully async version of the sync version. But we can do better. At the moment our page is downloading like this:</p><p>Browsers are pretty good at downloading multiple things at once, so we&#x27;re losing performance by downloading chapters one after the other. What we want to do is download them all at the same time, then process them when they&#x27;ve all arrived. Thankfully there&#x27;s an API for this:</p><pre><code class="language-js">Promise.all(arrayOfPromises).then(function(arrayOfResults) {
 //...})
-</code></pre><p><code>Promise.all</code> takes an array of promises and creates a promise that fulfills when all of them successfully complete. You get an array of results (whatever the promises fulfilled to) in the same order as the promises you passed in.</p><pre><code>getJSON(&#x27;story.json&#x27;).then(function(story) {  
+</code></pre><p><code>Promise.all</code> takes an array of promises and creates a promise that fulfills when all of them successfully complete. You get an array of results (whatever the promises fulfilled to) in the same order as the promises you passed in.</p><pre><code>getJSON(&#x27;story.json&#x27;).then(function(story) {
 addHtmlToPage(story.heading);
   // Take an array of promises and wait on them all  return Promise.all(    // Map our array of chapter urls to    // an array of chapter json promises    story.chapterUrls.map(getJSON)  );
-}).then(function(chapters) {  
-// Now we have the chapters jsons in order! Loop through...  chapters.forEach(function(chapter) {  
+}).then(function(chapters) {
+// Now we have the chapters jsons in order! Loop through...  chapters.forEach(function(chapter) {
   // ...and add to the page    addHtmlToPage(chapter.html);
-  
+
 });
   addTextToPage(&quot;All done&quot;);
-}).catch(function(err) {  
+}).catch(function(err) {
 // catch any error that happened so far  addTextToPage(&quot;Argh, broken: &quot; + err.message);
-}).then(function() {  
+}).then(function() {
 document.querySelector(&#x27;.spinner&#x27;).style.display = &#x27;none&#x27;;})
-</code></pre><p>Depending on connection, this can be seconds faster than loading one-by-one, and it&#x27;s less code than our first try. The chapters can download in whatever order, but they appear on screen in the right order.</p><p>However, we can still improve perceived performance. When chapter one arrives we should add it to the page. This lets the user start reading before the rest of the chapters have arrived. When chapter three arrives, we wouldn&#x27;t add it to the page because the user may not realize chapter two is missing. When chapter two arrives, we can add chapters two and three, etc etc.</p><p>To do this, we fetch JSON for all our chapters at the same time, then create a sequence to add them to the document:</p><pre><code class="language-js">getJSON(&#x27;story.json&#x27;).then(function(story) {  
+</code></pre><p>Depending on connection, this can be seconds faster than loading one-by-one, and it&#x27;s less code than our first try. The chapters can download in whatever order, but they appear on screen in the right order.</p><p>However, we can still improve perceived performance. When chapter one arrives we should add it to the page. This lets the user start reading before the rest of the chapters have arrived. When chapter three arrives, we wouldn&#x27;t add it to the page because the user may not realize chapter two is missing. When chapter two arrives, we can add chapters two and three, etc etc.</p><p>To do this, we fetch JSON for all our chapters at the same time, then create a sequence to add them to the document:</p><pre><code class="language-js">getJSON(&#x27;story.json&#x27;).then(function(story) {
 addHtmlToPage(story.heading);
-  // Map our array of chapter urls to  // an array of chapter json promises.  // This makes sure they all download in parallel.  return story.chapterUrls.map(getJSON)    .reduce(function(sequence, chapterPromise) {  
-    // Use reduce to chain the promises together,      // adding content to the page for each chapter      return sequence      .then(function() {  
-      // Wait for everything in the sequence so far,        // then wait for this chapter to arrive.        return chapterPromise;      }).then(function(chapter) {  
+  // Map our array of chapter urls to  // an array of chapter json promises.  // This makes sure they all download in parallel.  return story.chapterUrls.map(getJSON)    .reduce(function(sequence, chapterPromise) {
+    // Use reduce to chain the promises together,      // adding content to the page for each chapter      return sequence      .then(function() {
+      // Wait for everything in the sequence so far,        // then wait for this chapter to arrive.        return chapterPromise;      }).then(function(chapter) {
       addHtmlToPage(chapter.html);
-      
+
 });
     }, Promise.resolve());
-}).then(function() {  
+}).then(function() {
 addTextToPage(&quot;All done&quot;);
-}).catch(function(err) {  
+}).catch(function(err) {
 // catch any error that happened along the way  addTextToPage(&quot;Argh, broken: &quot; + err.message);
-}).then(function() {  
+}).then(function() {
 document.querySelector(&#x27;.spinner&#x27;).style.display = &#x27;none&#x27;;})
 </code></pre><h2>Async Await:</h2><details><summary> Async Await:  </summary><h2>The basics of async/await</h2><p>There are two parts to using async/await in your code.</p><h3>The async keyword</h3><p>First of all we have the <code>async</code> keyword, which you put in front of a function declaration to turn it into an <a href="https://bgoonz-blog.netlify.app/en-US/docs/Web/JavaScript/Reference/Statements/async_function">async function</a>. An async function is a function that knows how to expect the possibility of the <code>await</code> keyword being used to invoke asynchronous code.</p><p>Try typing the following lines into your browser&#x27;s JS console:</p><pre><code class="language-jsjs">function hello() { return &quot;Hello&quot; };
 hello();
@@ -799,7 +799,7 @@
   .catch(e =&gt; {
     console.log(&#x27;There has been a problem with your fetch operation: &#x27; + e.message);
 
-  
+
 });
 </code></pre><p>By now, you should have a reasonable understanding of promises and how they work, but let&#x27;s convert this to use async/await to see how much simpler it makes things:</p><pre><code class="language-jsjs">async function myFetch() {
   let response = await fetch(&#x27;coffee.jpg&#x27;);
@@ -826,7 +826,7 @@
   .catch(e =&gt; {
     console.log(&#x27;There has been a problem with your fetch operation: &#x27; + e.message);
 
-  
+
 });
 </code></pre><p>It makes code much simpler and easier to understand — no more <code>.then()</code> blocks everywhere!</p><p>Since an <code>async</code> keyword turns a function into a promise, you could refactor your code to use a hybrid approach of promises and await, bringing the second half of the function out into a new block to make it more flexible:</p><pre><code class="language-jsjs">async function myFetch() {
   let response = await fetch(&#x27;coffee.jpg&#x27;);
@@ -979,7 +979,7 @@
 
     }, interval);
 
-  
+
 });
 
 };
@@ -1023,7 +1023,7 @@
 
     }, interval);
 
-  
+
 });
 
 };
@@ -1035,7 +1035,7 @@
 
     }, interval);
 
-  
+
 });
 
 };
@@ -1070,7 +1070,7 @@
 
     }, interval);
 
-  
+
 });
 
 };
@@ -1082,7 +1082,7 @@
 
     }, interval);
 
-  
+
 });
 
 };
@@ -1121,7 +1121,7 @@
 
     }, interval);
 
-  
+
 });
 
 };
@@ -1133,7 +1133,7 @@
 
     }, interval);
 
-  
+
 });
 
 };
@@ -1210,10 +1210,10 @@
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/html-docs/javascript/review/index.html b/docs/content/html-docs/javascript/review/index.html
index 35b8a7776b..78aba93dc3 100644
--- a/docs/content/html-docs/javascript/review/index.html
+++ b/docs/content/html-docs/javascript/review/index.html
@@ -635,10 +635,10 @@
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/html-docs/javascript/this-is-about-this/index.html b/docs/content/html-docs/javascript/this-is-about-this/index.html
index 17df03239b..eafa7be1b4 100644
--- a/docs/content/html-docs/javascript/this-is-about-this/index.html
+++ b/docs/content/html-docs/javascript/this-is-about-this/index.html
@@ -491,10 +491,10 @@
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/html-docs/leetcode/004._Median_of_Two_Sorted_Arrays/index.html b/docs/content/html-docs/leetcode/004._Median_of_Two_Sorted_Arrays/index.html
index 85deef1d0b..b58fd2f424 100644
--- a/docs/content/html-docs/leetcode/004._Median_of_Two_Sorted_Arrays/index.html
+++ b/docs/content/html-docs/leetcode/004._Median_of_Two_Sorted_Arrays/index.html
@@ -523,10 +523,10 @@
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/html-docs/leetcode/006._ZigZag_Conversion/index.html b/docs/content/html-docs/leetcode/006._ZigZag_Conversion/index.html
index 4bdb723b1a..3a65b663be 100644
--- a/docs/content/html-docs/leetcode/006._ZigZag_Conversion/index.html
+++ b/docs/content/html-docs/leetcode/006._ZigZag_Conversion/index.html
@@ -529,10 +529,10 @@
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/html-docs/leetcode/008._String_to_Integer_(atoi)/index.html b/docs/content/html-docs/leetcode/008._String_to_Integer_(atoi)/index.html
index 2106ce41dd..db12a4b4eb 100644
--- a/docs/content/html-docs/leetcode/008._String_to_Integer_(atoi)/index.html
+++ b/docs/content/html-docs/leetcode/008._String_to_Integer_(atoi)/index.html
@@ -537,10 +537,10 @@
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/html-docs/leetcode/009._Palindrome_Number/index.html b/docs/content/html-docs/leetcode/009._Palindrome_Number/index.html
index bffd9ec953..24239397cc 100644
--- a/docs/content/html-docs/leetcode/009._Palindrome_Number/index.html
+++ b/docs/content/html-docs/leetcode/009._Palindrome_Number/index.html
@@ -515,10 +515,10 @@
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/html-docs/leetcode/010._Regular_Expression_Matching/index.html b/docs/content/html-docs/leetcode/010._Regular_Expression_Matching/index.html
index fd03fc1b4d..2c1a85765a 100644
--- a/docs/content/html-docs/leetcode/010._Regular_Expression_Matching/index.html
+++ b/docs/content/html-docs/leetcode/010._Regular_Expression_Matching/index.html
@@ -552,10 +552,10 @@
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/html-docs/leetcode/011._Container_With_Most_Water/index.html b/docs/content/html-docs/leetcode/011._Container_With_Most_Water/index.html
index 35a0ed012f..1a49c1a0c7 100644
--- a/docs/content/html-docs/leetcode/011._Container_With_Most_Water/index.html
+++ b/docs/content/html-docs/leetcode/011._Container_With_Most_Water/index.html
@@ -480,10 +480,10 @@
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/html-docs/leetcode/012._Integer_to_Roman/index.html b/docs/content/html-docs/leetcode/012._Integer_to_Roman/index.html
index d13399a393..f21f4c77a4 100644
--- a/docs/content/html-docs/leetcode/012._Integer_to_Roman/index.html
+++ b/docs/content/html-docs/leetcode/012._Integer_to_Roman/index.html
@@ -517,10 +517,10 @@
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/html-docs/leetcode/013._Roman_to_Integer/index.html b/docs/content/html-docs/leetcode/013._Roman_to_Integer/index.html
index 0a3fd4f7e9..9becb41e83 100644
--- a/docs/content/html-docs/leetcode/013._Roman_to_Integer/index.html
+++ b/docs/content/html-docs/leetcode/013._Roman_to_Integer/index.html
@@ -507,10 +507,10 @@
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/html-docs/leetcode/014._Longest_Common_Prefix/index.html b/docs/content/html-docs/leetcode/014._Longest_Common_Prefix/index.html
index a50a6262b4..2cbd8a74d2 100644
--- a/docs/content/html-docs/leetcode/014._Longest_Common_Prefix/index.html
+++ b/docs/content/html-docs/leetcode/014._Longest_Common_Prefix/index.html
@@ -523,10 +523,10 @@
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/html-docs/leetcode/017._Letter_Combinations_of_a_Phone_Number/index.html b/docs/content/html-docs/leetcode/017._Letter_Combinations_of_a_Phone_Number/index.html
index 2ddf1912a5..1ed5873a89 100644
--- a/docs/content/html-docs/leetcode/017._Letter_Combinations_of_a_Phone_Number/index.html
+++ b/docs/content/html-docs/leetcode/017._Letter_Combinations_of_a_Phone_Number/index.html
@@ -533,10 +533,10 @@
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/html-docs/leetcode/019._Remove_Nth_Node_From_End_of_List/index.html b/docs/content/html-docs/leetcode/019._Remove_Nth_Node_From_End_of_List/index.html
index 9611ebb64d..bee2d37547 100644
--- a/docs/content/html-docs/leetcode/019._Remove_Nth_Node_From_End_of_List/index.html
+++ b/docs/content/html-docs/leetcode/019._Remove_Nth_Node_From_End_of_List/index.html
@@ -499,10 +499,10 @@
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/html-docs/leetcode/020._Valid_Parentheses/index.html b/docs/content/html-docs/leetcode/020._Valid_Parentheses/index.html
index f3bd4b4029..3a0fe282bb 100644
--- a/docs/content/html-docs/leetcode/020._Valid_Parentheses/index.html
+++ b/docs/content/html-docs/leetcode/020._Valid_Parentheses/index.html
@@ -497,10 +497,10 @@
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/html-docs/leetcode/022._Generate_Parentheses/index.html b/docs/content/html-docs/leetcode/022._Generate_Parentheses/index.html
index 5f71bb858c..99f4711a3c 100644
--- a/docs/content/html-docs/leetcode/022._Generate_Parentheses/index.html
+++ b/docs/content/html-docs/leetcode/022._Generate_Parentheses/index.html
@@ -540,10 +540,10 @@
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/html-docs/leetcode/026._Remove_Duplicates_from_Sorted_Array/index.html b/docs/content/html-docs/leetcode/026._Remove_Duplicates_from_Sorted_Array/index.html
index d77478c2c9..23ccf74ea8 100644
--- a/docs/content/html-docs/leetcode/026._Remove_Duplicates_from_Sorted_Array/index.html
+++ b/docs/content/html-docs/leetcode/026._Remove_Duplicates_from_Sorted_Array/index.html
@@ -495,10 +495,10 @@
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/html-docs/leetcode/029._Divide_Two_Integers/index.html b/docs/content/html-docs/leetcode/029._Divide_Two_Integers/index.html
index 3ddf59698b..bcb6e655ad 100644
--- a/docs/content/html-docs/leetcode/029._Divide_Two_Integers/index.html
+++ b/docs/content/html-docs/leetcode/029._Divide_Two_Integers/index.html
@@ -506,10 +506,10 @@
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/html-docs/leetcode/031._Next_Permutation/index.html b/docs/content/html-docs/leetcode/031._Next_Permutation/index.html
index d2e9952d35..8e2352d847 100644
--- a/docs/content/html-docs/leetcode/031._Next_Permutation/index.html
+++ b/docs/content/html-docs/leetcode/031._Next_Permutation/index.html
@@ -500,10 +500,10 @@
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/html-docs/leetcode/033._Search_in_Rotated_Sorted_Array/index.html b/docs/content/html-docs/leetcode/033._Search_in_Rotated_Sorted_Array/index.html
index d3f75cbb81..78909b1a32 100644
--- a/docs/content/html-docs/leetcode/033._Search_in_Rotated_Sorted_Array/index.html
+++ b/docs/content/html-docs/leetcode/033._Search_in_Rotated_Sorted_Array/index.html
@@ -506,10 +506,10 @@
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/html-docs/leetcode/first-100/index.html b/docs/content/html-docs/leetcode/first-100/index.html
index 58d7f62310..ef0a246912 100644
--- a/docs/content/html-docs/leetcode/first-100/index.html
+++ b/docs/content/html-docs/leetcode/first-100/index.html
@@ -463,7 +463,7 @@
   const prehead = new ListNode()
   let p = prehead
   let carry = 0
-  
+
   for (let p1 = l1, p2 = l2: p1 || p2 || carry &gt; 0; p = p.next) {
     let sum = carry
     if (p1) {
@@ -477,7 +477,7 @@
     carry = sum / 10 | 0
     p.next = new ListNode(sum % 10)
   }
-  
+
   return prehead.next
 };
 </code></pre><h1>------------------------------------------------------------</h1><details><summary>Click To Expand!</summary><hr/><p>Difficulty: Hard
@@ -657,7 +657,7 @@
 Explanation: Conversion stops at digit &#x27;3&#x27; as the next character is not a numerical digit.
 </code></pre><p><strong>Example 4:</strong></p><pre><code>Input: &quot;words and 987&quot;
 Output: 0
-Explanation: The first non-whitespace character is &#x27;w&#x27;, which is not a numerical 
+Explanation: The first non-whitespace character is &#x27;w&#x27;, which is not a numerical
              digit or a +/- sign. Therefore no valid conversion could be performed.
 </code></pre><p><strong>Example 5:</strong></p><pre><code>Input: &quot;-91283472332&quot;
 Output: -2147483648
@@ -809,10 +809,10 @@
 </code></pre><h4>TWO</h4><p>Let f(i, j) be the matching result of s[0...i) and p[0...j).</p><pre><code class="language-javascript">f(0, j) =
     j == 0 || // empty
     p[j-1] == &#x27;*&#x27; &amp;&amp; f(i, j-2) // matches 0 time, which matches empty string
-    
+
 f(i, 0) = false // pattern must cover the entire input string
 
-f(i, j) = 
+f(i, j) =
     if p[j-1] == &#x27;.&#x27;
         f(i-1, j-1)
     else if p[j-1] == &#x27;*&#x27;
@@ -835,7 +835,7 @@
   for (let j = 2; j &lt;= p.length; j++) {
     dp[0][j] = p[j-1] === &#x27;*&#x27; &amp;&amp; dp[0][j-2]
   }
-    
+
   for (let i = 1; i &lt;= s.length; i++) {
     dp[i] = []
     for (let j = 1; j &lt;= p.length; j++) {
@@ -1008,7 +1008,7 @@
  */
 var longestCommonPrefix = function(strs) {
   if (strs.length &lt;= 0) { return &#x27;&#x27; }
-  
+
   let i = 0
   while (strs.every(s =&gt; s[i] &amp;&amp; s[i] === strs[0][i])) {
     i++
@@ -1751,7 +1751,7 @@
       t = nums[j]
       nums[j] = nums[i-1]
       nums[i-1] = t
-      
+
       break
     }
   }
@@ -1938,7 +1938,7 @@
   [&quot;.&quot;,&quot;.&quot;,&quot;.&quot;,&quot;.&quot;,&quot;8&quot;,&quot;.&quot;,&quot;.&quot;,&quot;7&quot;,&quot;9&quot;]
 ]
 Output: false
-Explanation: Same as Example 1, except with the 5 in the top left corner being 
+Explanation: Same as Example 1, except with the 5 in the top left corner being
     modified to 8. Since there are two 8&#x27;s in the top left 3x3 sub-box, it is invalid.
 </code></pre><p><strong>Note:</strong></p><ul><li>A Sudoku board (partially filled) could be valid but is not necessarily solvable.</li><li>Only the filled cells need to be validated according to the mentioned rules.</li><li>The given board contain only digits <code>1-9</code> and the character <code>&#x27;.&#x27;</code>.</li><li>The given board size is always <code>9x9</code>.</li></ul><h3>Solution:</h3><p>Scan the board once.</p><pre><code class="language-javascript">/**
  * @param {character[][]} board
@@ -2424,7 +2424,7 @@
 };
 </code></pre></details><h1>------------------------------------------------------------</h1><details><summary>Click To Expand!</summary><hr/><p>Difficulty: Medium
 Related Topics:
-&quot;Array&quot;: <a href="https://leetcode.com/tag/array">https://leetcode.com/tag/array</a></p><hr/><h2><a href="https://leetcode.com/problems/rotate-image/description/">48. Rotate Image</a></h2><h3>Problem:</h3><p>You are given an <em>n</em> x <em>n</em> 2D matrix representing an image.</p><p>Rotate the image by 90 degrees (clockwise).</p><p><strong>Note:</strong></p><p>You have to rotate the image <a href="https://en.wikipedia.org/wiki/In-place_algorithm"><strong>in-place</strong></a>, which means you have to modify the input 2D matrix directly. <strong>DO NOT</strong> allocate another 2D matrix and do the rotation.</p><p><strong>Example 1:</strong></p><pre><code>Given input matrix = 
+&quot;Array&quot;: <a href="https://leetcode.com/tag/array">https://leetcode.com/tag/array</a></p><hr/><h2><a href="https://leetcode.com/problems/rotate-image/description/">48. Rotate Image</a></h2><h3>Problem:</h3><p>You are given an <em>n</em> x <em>n</em> 2D matrix representing an image.</p><p>Rotate the image by 90 degrees (clockwise).</p><p><strong>Note:</strong></p><p>You have to rotate the image <a href="https://en.wikipedia.org/wiki/In-place_algorithm"><strong>in-place</strong></a>, which means you have to modify the input 2D matrix directly. <strong>DO NOT</strong> allocate another 2D matrix and do the rotation.</p><p><strong>Example 1:</strong></p><pre><code>Given input matrix =
 [
   [1,2,3],
   [4,5,6],
@@ -2443,7 +2443,7 @@
   [ 2, 4, 8,10],
   [13, 3, 6, 7],
   [15,14,12,16]
-], 
+],
 
 rotate the input matrix in-place such that it becomes:
 [
@@ -3056,7 +3056,7 @@
     k %= factorial
     n--
   }
-  
+
   return result
 };
 </code></pre></details><h1>------------------------------------------------------------</h1><details><summary>Click To Expand!</summary><hr/><p>Difficulty: Medium
@@ -3388,7 +3388,7 @@
     digits[i] = digits[i-1]
   }
   digits[0] = 1
-  
+
   return digits
 };
 </code></pre></details><h1>------------------------------------------------------------</h1><details><summary>Click To Expand!</summary><hr/><p>Difficulty: Hard
@@ -3480,7 +3480,7 @@
 Output: 2
 </code></pre><p><strong>Example 2:</strong></p><pre><code>Input: 8
 Output: 2
-Explanation: The square root of 8 is 2.82842..., and since 
+Explanation: The square root of 8 is 2.82842..., and since
              the decimal part is truncated, 2 is returned.
 </code></pre><h3>Solution:</h3><p>Binary Search. The square root of x is within [0...(x+1)/2].</p><pre><code class="language-javascript">/**
  * @param {number} x
@@ -3560,13 +3560,13 @@
 &quot;Delete Operation for Two Strings&quot;: <a href="https://leetcode.com/problems/delete-operation-for-two-strings">https://leetcode.com/problems/delete-operation-for-two-strings</a>
 &quot;Minimum ASCII Delete Sum for Two Strings&quot;: <a href="https://leetcode.com/problems/minimum-ascii-delete-sum-for-two-strings">https://leetcode.com/problems/minimum-ascii-delete-sum-for-two-strings</a></p><hr/><h2><a href="https://leetcode.com/problems/edit-distance/description/">72. Edit Distance</a></h2><h3>Problem:</h3><p>Given two words <em>word1</em> and <em>word2</em>, find the minimum number of operations required to convert <em>word1</em> to <em>word2</em>.</p><p>You have the following 3 operations permitted on a word:</p><ol><li>Insert a character</li><li>Delete a character</li><li>Replace a character</li></ol><p><strong>Example 1:</strong></p><pre><code>Input: word1 = &quot;horse&quot;, word2 = &quot;ros&quot;
 Output: 3
-Explanation: 
+Explanation:
 horse -&gt; rorse (replace &#x27;h&#x27; with &#x27;r&#x27;)
 rorse -&gt; rose (remove &#x27;r&#x27;)
 rose -&gt; ros (remove &#x27;e&#x27;)
 </code></pre><p><strong>Example 2:</strong></p><pre><code>Input: word1 = &quot;intention&quot;, word2 = &quot;execution&quot;
 Output: 5
-Explanation: 
+Explanation:
 intention -&gt; inention (remove &#x27;t&#x27;)
 inention -&gt; enention (replace &#x27;i&#x27; with &#x27;e&#x27;)
 enention -&gt; exention (replace &#x27;n&#x27; with &#x27;x&#x27;)
@@ -3619,25 +3619,25 @@
 Related Topics:
 &quot;Array&quot;: <a href="https://leetcode.com/tag/array">https://leetcode.com/tag/array</a>
 Similar Questions:
-&quot;Game of Life&quot;: <a href="https://leetcode.com/problems/game-of-life">https://leetcode.com/problems/game-of-life</a></p><hr/><h2><a href="https://leetcode.com/problems/set-matrix-zeroes/description/">73. Set Matrix Zeroes</a></h2><h3>Problem:</h3><p>Given a <em>m</em> x <em>n</em> matrix, if an element is 0, set its entire row and column to 0. Do it <a href="https://en.wikipedia.org/wiki/In-place_algorithm"><strong>in-place</strong></a>.</p><p><strong>Example 1:</strong></p><pre><code>Input: 
+&quot;Game of Life&quot;: <a href="https://leetcode.com/problems/game-of-life">https://leetcode.com/problems/game-of-life</a></p><hr/><h2><a href="https://leetcode.com/problems/set-matrix-zeroes/description/">73. Set Matrix Zeroes</a></h2><h3>Problem:</h3><p>Given a <em>m</em> x <em>n</em> matrix, if an element is 0, set its entire row and column to 0. Do it <a href="https://en.wikipedia.org/wiki/In-place_algorithm"><strong>in-place</strong></a>.</p><p><strong>Example 1:</strong></p><pre><code>Input:
 [
   [1,1,1],
   [1,0,1],
   [1,1,1]
 ]
-Output: 
+Output:
 [
   [1,0,1],
   [0,0,0],
   [1,0,1]
 ]
-</code></pre><p><strong>Example 2:</strong></p><pre><code>Input: 
+</code></pre><p><strong>Example 2:</strong></p><pre><code>Input:
 [
   [0,1,2,0],
   [3,4,5,2],
   [1,3,1,5]
 ]
-Output: 
+Output:
 [
   [0,0,0,0],
   [0,4,5,0],
@@ -4256,11 +4256,11 @@
 };
 </code></pre><h4>TWO</h4><p>Same idea as above. Use DP to cache accumulated states.</p><p>Pick a pivot point <code>(row, col)</code> and assume it is on the base line. The adjoining <code>1</code>s above <code>(row, col)</code> makes up the height of the rectangle. The width of the rectangle is determined by how many ajoining bars are taller than the pivot bar.</p><p>So for the rectangle whose bottom pivot is <code>(row, col)</code>:</p><ul><li>Define <code>area(row, col)</code> to be the area.</li><li>Define <code>height(row, col)</code> to be the height.</li><li>Define <code>left(row, col)</code> to be the <code>col</code> value of the bottom-left corner.</li><li>Define <code>right(row, col)</code> to be the <code>col</code> value of the bottom-right corner.</li></ul><p>Also:</p><ul><li>Define <code>conLeft(row, col)</code> to be the <code>col</code> value of the leftmost cell of the consecutive <code>1</code>s on the left of <code>(row, col)</code>.</li><li>Define <code>conRight(row, col)</code> to be the <code>col</code> value of the rightmost cell of the consecutive <code>1</code>s on the right of <code>(row, col)</code>.</li></ul><p>With <code>conLeft</code> and <code>conRight</code> we can know if the rectangle on <code>(row, col)</code> shrinks comparing to <code>(row-1, col)</code>.</p><pre><code class="language-javascript">if matrix[row][col] == 1
   height(row, col) = height(row-1, col) + 1
-  
+
   // see how long this horizontal line can get
   conLeft(row, col) = conLeft(row, col-1)
   conRight(row, col) = conRight(row, col+1)
-  
+
   // width can only be shorter
   left(row, col) = max( left(row-1, col), conLeft(row, col) )
   right(row, col) = min( right(row-1, col), conRight(row, col) )
@@ -4490,7 +4490,7 @@
   let dp = s[0] &gt; 0 ? 1 : 0
   let dp_1 = dp
   let dp_2 = 1
-  
+
   for (let i = 1; i &lt; s.length; i++) {
     dp = 0
     if (s[i] !== &#x27;0&#x27;) {
@@ -4502,7 +4502,7 @@
     dp_2 = dp_1
     dp_1 = dp
   }
-  
+
   return dp
 };
 </code></pre></details><h1>------------------------------------------------------------</h1><details><summary>Click To Expand!</summary><hr/><p>Difficulty: Medium
@@ -5213,7 +5213,7 @@
   } else if (rightLeaf === null) {
     return root
   }
-  
+
   root.left = null
   return rightLeaf || leftLeaf
 }
@@ -5460,7 +5460,7 @@
     row.push(1)
     result.push(row)
   }
-  
+
   return result
 };
 </code></pre></details><h1>------------------------------------------------------------</h1><details><summary>Click To Expand!</summary><hr/><p>Difficulty: Easy
@@ -5483,7 +5483,7 @@
     }
     row.push(1)
   }
-  
+
   return row
 };
 </code></pre></details><h1>------------------------------------------------------------</h1><details><summary>Click To Expand!</summary><hr/><p>Difficulty: Medium
@@ -5677,7 +5677,7 @@
  */
 function _maxPathSum (root) {
   if (!root) { return [-Infinity, -Infinity] }
-  
+
   const left = _maxPathSum(root.left)
   const right = _maxPathSum(root.right)
   return [
@@ -5706,12 +5706,12 @@
 /**
  * @param {TreeNode} root
  * @param {object} global
- * @param {number} global.max 
+ * @param {number} global.max
  * @return {number[]}
  */
 function _maxPathSum (root, global) {
   if (!root) { return -Infinity }
-  
+
   const left = _maxPathSum(root.left, global)
   const right = _maxPathSum(root.right, global)
   const localMax = Math.max(left, right, 0) + root.val
@@ -5761,7 +5761,7 @@
     if (left &gt;= 65 &amp;&amp; left &lt;= 90) {
       left += 32
     }
-    
+
     let right = s.charCodeAt(j)
     while (i &lt; j &amp;&amp; (right &lt; 48 || right &gt; 57 &amp;&amp; right &lt; 65 || right &gt; 90 &amp;&amp; right &lt; 97 || right &gt; 122)) {
       right = s.charCodeAt(--j)
@@ -5770,10 +5770,10 @@
     if (right &gt;= 65 &amp;&amp; right &lt;= 90) {
       right += 32
     }
-    
+
     if (left !== right) { return false }
   }
-  
+
   return true
 };
 </code></pre></details><h1>------------------------------------------------------------</h1><details><summary>Click To Expand!</summary><hr/><p>Difficulty: Hard
@@ -6216,10 +6216,10 @@
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/html-docs/leetcode/index.html b/docs/content/html-docs/leetcode/index.html
index b899e50c90..3ce94a96fa 100644
--- a/docs/content/html-docs/leetcode/index.html
+++ b/docs/content/html-docs/leetcode/index.html
@@ -464,10 +464,10 @@
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/html-docs/privacy-policy/index.html b/docs/content/html-docs/privacy-policy/index.html
index b8a6d2b2e2..6e011eae1f 100644
--- a/docs/content/html-docs/privacy-policy/index.html
+++ b/docs/content/html-docs/privacy-policy/index.html
@@ -465,10 +465,10 @@
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/html-docs/projects/embeded-websites/index.html b/docs/content/html-docs/projects/embeded-websites/index.html
index 28a38b208e..cc3652c911 100644
--- a/docs/content/html-docs/projects/embeded-websites/index.html
+++ b/docs/content/html-docs/projects/embeded-websites/index.html
@@ -515,10 +515,10 @@
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/html-docs/projects/index.html b/docs/content/html-docs/projects/index.html
index 5772d5a948..850c0e13c4 100644
--- a/docs/content/html-docs/projects/index.html
+++ b/docs/content/html-docs/projects/index.html
@@ -467,10 +467,10 @@
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/html-docs/projects/list-of-projects/index.html b/docs/content/html-docs/projects/list-of-projects/index.html
index 996b383f58..ff5ec4cb7a 100644
--- a/docs/content/html-docs/projects/list-of-projects/index.html
+++ b/docs/content/html-docs/projects/list-of-projects/index.html
@@ -467,10 +467,10 @@
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/html-docs/projects/main-projects/index.html b/docs/content/html-docs/projects/main-projects/index.html
index 0a246006d2..0a4ff27aaa 100644
--- a/docs/content/html-docs/projects/main-projects/index.html
+++ b/docs/content/html-docs/projects/main-projects/index.html
@@ -464,10 +464,10 @@
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/html-docs/projects/mini-projects/index.html b/docs/content/html-docs/projects/mini-projects/index.html
index 128122f459..ff5a573bed 100644
--- a/docs/content/html-docs/projects/mini-projects/index.html
+++ b/docs/content/html-docs/projects/mini-projects/index.html
@@ -580,10 +580,10 @@
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/html-docs/projects/mini-projects2/index.html b/docs/content/html-docs/projects/mini-projects2/index.html
index d831638cb0..37bdcf9da0 100644
--- a/docs/content/html-docs/projects/mini-projects2/index.html
+++ b/docs/content/html-docs/projects/mini-projects2/index.html
@@ -464,10 +464,10 @@
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/html-docs/projects/my-websites/index.html b/docs/content/html-docs/projects/my-websites/index.html
index 1c9052295c..e88eb3ccaa 100644
--- a/docs/content/html-docs/projects/my-websites/index.html
+++ b/docs/content/html-docs/projects/my-websites/index.html
@@ -468,10 +468,10 @@
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/html-docs/python/at-length/index.html b/docs/content/html-docs/python/at-length/index.html
index 2aad50bbab..e0d9805bbd 100644
--- a/docs/content/html-docs/python/at-length/index.html
+++ b/docs/content/html-docs/python/at-length/index.html
@@ -2823,10 +2823,10 @@
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/html-docs/python/cheat-sheet/index.html b/docs/content/html-docs/python/cheat-sheet/index.html
index 5340d8b68d..29007f3ef9 100644
--- a/docs/content/html-docs/python/cheat-sheet/index.html
+++ b/docs/content/html-docs/python/cheat-sheet/index.html
@@ -2061,10 +2061,10 @@
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/html-docs/python/comprehensive-guide/index.html b/docs/content/html-docs/python/comprehensive-guide/index.html
index 54450f3646..f1db26e4fd 100644
--- a/docs/content/html-docs/python/comprehensive-guide/index.html
+++ b/docs/content/html-docs/python/comprehensive-guide/index.html
@@ -2374,10 +2374,10 @@
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/html-docs/python/examples/index.html b/docs/content/html-docs/python/examples/index.html
index 4ec4b8e816..f1bbd526fa 100644
--- a/docs/content/html-docs/python/examples/index.html
+++ b/docs/content/html-docs/python/examples/index.html
@@ -979,10 +979,10 @@
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/html-docs/python/flow-control/index.html b/docs/content/html-docs/python/flow-control/index.html
index 87a0cbf2b3..250116eab2 100644
--- a/docs/content/html-docs/python/flow-control/index.html
+++ b/docs/content/html-docs/python/flow-control/index.html
@@ -566,10 +566,10 @@
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/html-docs/python/functions/index.html b/docs/content/html-docs/python/functions/index.html
index e88bc48708..3a2da62e78 100644
--- a/docs/content/html-docs/python/functions/index.html
+++ b/docs/content/html-docs/python/functions/index.html
@@ -5109,10 +5109,10 @@ <h2 class="page-nav-title">Jump to Section</h2>
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/html-docs/python/google-sheets-api/index.html b/docs/content/html-docs/python/google-sheets-api/index.html
index ed5847367b..16ec1c75ff 100644
--- a/docs/content/html-docs/python/google-sheets-api/index.html
+++ b/docs/content/html-docs/python/google-sheets-api/index.html
@@ -464,10 +464,10 @@
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/html-docs/python/index.html b/docs/content/html-docs/python/index.html
index 866d214ac2..8795a87e29 100644
--- a/docs/content/html-docs/python/index.html
+++ b/docs/content/html-docs/python/index.html
@@ -832,10 +832,10 @@ <h3>Basics</h3><ul><li><span id="f893"><strong>PEP8</strong> : Python Enhancemen
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/html-docs/python/install-python-ubuntu/index.html b/docs/content/html-docs/python/install-python-ubuntu/index.html
index b72d1b17ec..434d8ee7f0 100644
--- a/docs/content/html-docs/python/install-python-ubuntu/index.html
+++ b/docs/content/html-docs/python/install-python-ubuntu/index.html
@@ -471,10 +471,10 @@
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/html-docs/python/intro-for-js-devs/index.html b/docs/content/html-docs/python/intro-for-js-devs/index.html
index 1084abded3..0c8a87988f 100644
--- a/docs/content/html-docs/python/intro-for-js-devs/index.html
+++ b/docs/content/html-docs/python/intro-for-js-devs/index.html
@@ -464,10 +464,10 @@
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/html-docs/python/python-ds/index.html b/docs/content/html-docs/python/python-ds/index.html
index eefe72d15d..72044489e2 100644
--- a/docs/content/html-docs/python/python-ds/index.html
+++ b/docs/content/html-docs/python/python-ds/index.html
@@ -1230,10 +1230,10 @@
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/html-docs/python/python-quiz/index.html b/docs/content/html-docs/python/python-quiz/index.html
index 808169689a..4d044f4ff7 100644
--- a/docs/content/html-docs/python/python-quiz/index.html
+++ b/docs/content/html-docs/python/python-quiz/index.html
@@ -6661,10 +6661,10 @@ <h2 class="page-nav-title">Jump to Section</h2>
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/html-docs/python/snippets/index.html b/docs/content/html-docs/python/snippets/index.html
index b0ad010855..f3c3bd1be0 100644
--- a/docs/content/html-docs/python/snippets/index.html
+++ b/docs/content/html-docs/python/snippets/index.html
@@ -1368,10 +1368,10 @@
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/html-docs/quick-reference/Emmet/index-2.html b/docs/content/html-docs/quick-reference/Emmet/index-2.html
index f7bdab3fa9..97f58be9db 100644
--- a/docs/content/html-docs/quick-reference/Emmet/index-2.html
+++ b/docs/content/html-docs/quick-reference/Emmet/index-2.html
@@ -552,10 +552,10 @@
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/html-docs/quick-reference/all-emojis/index.html b/docs/content/html-docs/quick-reference/all-emojis/index.html
index dc5e5118af..81b7168c93 100644
--- a/docs/content/html-docs/quick-reference/all-emojis/index.html
+++ b/docs/content/html-docs/quick-reference/all-emojis/index.html
@@ -464,10 +464,10 @@
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/html-docs/quick-reference/create-react-app/index.html b/docs/content/html-docs/quick-reference/create-react-app/index.html
index 96065dec1b..c29ce450a8 100644
--- a/docs/content/html-docs/quick-reference/create-react-app/index.html
+++ b/docs/content/html-docs/quick-reference/create-react-app/index.html
@@ -469,10 +469,10 @@
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/html-docs/quick-reference/git-bash/index.html b/docs/content/html-docs/quick-reference/git-bash/index.html
index abb711a227..46dc7cb318 100644
--- a/docs/content/html-docs/quick-reference/git-bash/index.html
+++ b/docs/content/html-docs/quick-reference/git-bash/index.html
@@ -466,10 +466,10 @@
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/html-docs/quick-reference/git-tricks/index.html b/docs/content/html-docs/quick-reference/git-tricks/index.html
index dd0df546d2..426672cc50 100644
--- a/docs/content/html-docs/quick-reference/git-tricks/index.html
+++ b/docs/content/html-docs/quick-reference/git-tricks/index.html
@@ -464,10 +464,10 @@
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/html-docs/quick-reference/google-firebase/index.html b/docs/content/html-docs/quick-reference/google-firebase/index.html
index a039c6e23d..9f1923b7df 100644
--- a/docs/content/html-docs/quick-reference/google-firebase/index.html
+++ b/docs/content/html-docs/quick-reference/google-firebase/index.html
@@ -464,10 +464,10 @@
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/html-docs/quick-reference/heroku-error-codes/index.html b/docs/content/html-docs/quick-reference/heroku-error-codes/index.html
index a00a4c4172..05ace91096 100644
--- a/docs/content/html-docs/quick-reference/heroku-error-codes/index.html
+++ b/docs/content/html-docs/quick-reference/heroku-error-codes/index.html
@@ -542,10 +542,10 @@
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/html-docs/quick-reference/index.html b/docs/content/html-docs/quick-reference/index.html
index 2c78e091fe..493068339b 100644
--- a/docs/content/html-docs/quick-reference/index.html
+++ b/docs/content/html-docs/quick-reference/index.html
@@ -464,10 +464,10 @@
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/html-docs/quick-reference/installation/index.html b/docs/content/html-docs/quick-reference/installation/index.html
index ea107468d5..24eaa306d6 100644
--- a/docs/content/html-docs/quick-reference/installation/index.html
+++ b/docs/content/html-docs/quick-reference/installation/index.html
@@ -500,10 +500,10 @@
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/html-docs/quick-reference/markdown-dropdowns/index.html b/docs/content/html-docs/quick-reference/markdown-dropdowns/index.html
index 2cd937cf6f..467a23cde3 100644
--- a/docs/content/html-docs/quick-reference/markdown-dropdowns/index.html
+++ b/docs/content/html-docs/quick-reference/markdown-dropdowns/index.html
@@ -480,10 +480,10 @@
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/html-docs/quick-reference/minifiction/index.html b/docs/content/html-docs/quick-reference/minifiction/index.html
index 371371c507..b14ab29e90 100644
--- a/docs/content/html-docs/quick-reference/minifiction/index.html
+++ b/docs/content/html-docs/quick-reference/minifiction/index.html
@@ -5085,10 +5085,10 @@ <h2 class="page-nav-title">Jump to Section</h2>
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/html-docs/quick-reference/new-repo-instructions/index.html b/docs/content/html-docs/quick-reference/new-repo-instructions/index.html
index ea92da3c2f..2642ebb403 100644
--- a/docs/content/html-docs/quick-reference/new-repo-instructions/index.html
+++ b/docs/content/html-docs/quick-reference/new-repo-instructions/index.html
@@ -474,10 +474,10 @@
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/html-docs/quick-reference/psql-setup/index.html b/docs/content/html-docs/quick-reference/psql-setup/index.html
index be00f51515..4c041a3d18 100644
--- a/docs/content/html-docs/quick-reference/psql-setup/index.html
+++ b/docs/content/html-docs/quick-reference/psql-setup/index.html
@@ -564,10 +564,10 @@ <h3>Important Distinction: PSQL is the frontend interface for PostgreSQL … the
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/html-docs/quick-reference/pull-request-rubric/index.html b/docs/content/html-docs/quick-reference/pull-request-rubric/index.html
index 2008e1a2f3..e696c1dc78 100644
--- a/docs/content/html-docs/quick-reference/pull-request-rubric/index.html
+++ b/docs/content/html-docs/quick-reference/pull-request-rubric/index.html
@@ -464,10 +464,10 @@
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/html-docs/quick-reference/quick-links/index.html b/docs/content/html-docs/quick-reference/quick-links/index.html
index 4564634ae7..3e5cdc2b10 100644
--- a/docs/content/html-docs/quick-reference/quick-links/index.html
+++ b/docs/content/html-docs/quick-reference/quick-links/index.html
@@ -464,10 +464,10 @@
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/html-docs/quick-reference/topRepos/index-2.html b/docs/content/html-docs/quick-reference/topRepos/index-2.html
index a0b6f502e4..2c3576569c 100644
--- a/docs/content/html-docs/quick-reference/topRepos/index-2.html
+++ b/docs/content/html-docs/quick-reference/topRepos/index-2.html
@@ -464,10 +464,10 @@
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/html-docs/quick-reference/understanding-path/index.html b/docs/content/html-docs/quick-reference/understanding-path/index.html
index 90bd6f6c3e..634a726aad 100644
--- a/docs/content/html-docs/quick-reference/understanding-path/index.html
+++ b/docs/content/html-docs/quick-reference/understanding-path/index.html
@@ -464,10 +464,10 @@
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/html-docs/quick-reference/vscode-themes/index.html b/docs/content/html-docs/quick-reference/vscode-themes/index.html
index 1bb3df4da3..8de7f95b3b 100644
--- a/docs/content/html-docs/quick-reference/vscode-themes/index.html
+++ b/docs/content/html-docs/quick-reference/vscode-themes/index.html
@@ -466,10 +466,10 @@ <h3>Install</h3><ol><li><span id="5f77">Install the icon theme from the <a href=
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/html-docs/react/ajax-n-apis/index.html b/docs/content/html-docs/react/ajax-n-apis/index.html
index 05b4b3f276..e40e238bcc 100644
--- a/docs/content/html-docs/react/ajax-n-apis/index.html
+++ b/docs/content/html-docs/react/ajax-n-apis/index.html
@@ -4902,7 +4902,7 @@ <h3><a
   &quot;items&quot;: [
     { &quot;id&quot;: 1, &quot;name&quot;: &quot;Apples&quot;,  &quot;price&quot;: &quot;$2&quot; },
     { &quot;id&quot;: 2, &quot;name&quot;: &quot;Peaches&quot;, &quot;price&quot;: &quot;$5&quot; }
-  ] 
+  ]
 }
 </code></pre>
                     <pre><code class="language-js">class MyComponent extends React.Component {
@@ -4925,9 +4925,9 @@ <h3><a
             items: result.items
           });
         },
-        
-        
-        
+
+
+
         (error) =&gt; {
           this.setState({
             isLoaded: true,
@@ -4963,9 +4963,9 @@ <h3><a
   const [isLoaded, setIsLoaded] = useState(false);
   const [items, setItems] = useState([]);
 
-  
-  
-  
+
+
+
   useEffect(() =&gt; {
     fetch(&quot;https://api.example.com/items&quot;)
       .then(res =&gt; res.json())
@@ -4974,9 +4974,9 @@ <h3><a
           setIsLoaded(true);
           setItems(result);
         },
-        
-        
-        
+
+
+
         (error) =&gt; {
           setIsLoaded(true);
           setError(error);
@@ -5163,10 +5163,10 @@ <h2 class="page-nav-title">Jump to Section</h2>
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/html-docs/react/cheatsheet/index.html b/docs/content/html-docs/react/cheatsheet/index.html
index 7f29a9eb2d..5ae20710a1 100644
--- a/docs/content/html-docs/react/cheatsheet/index.html
+++ b/docs/content/html-docs/react/cheatsheet/index.html
@@ -5632,10 +5632,10 @@ <h2 class="page-nav-title">Jump to Section</h2>
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/html-docs/react/createReactApp/index-2.html b/docs/content/html-docs/react/createReactApp/index-2.html
index f0e8da86eb..b1a4236475 100644
--- a/docs/content/html-docs/react/createReactApp/index-2.html
+++ b/docs/content/html-docs/react/createReactApp/index-2.html
@@ -5173,10 +5173,10 @@ <h2 class="page-nav-title">Jump to Section</h2>
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/html-docs/react/demo/index.html b/docs/content/html-docs/react/demo/index.html
index c0726e9986..14d76fdadc 100644
--- a/docs/content/html-docs/react/demo/index.html
+++ b/docs/content/html-docs/react/demo/index.html
@@ -5944,10 +5944,10 @@ <h2 class="page-nav-title">Jump to Section</h2>
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/html-docs/react/dont-use-index-as-keys/index.html b/docs/content/html-docs/react/dont-use-index-as-keys/index.html
index c3fba22a41..557bb30d76 100644
--- a/docs/content/html-docs/react/dont-use-index-as-keys/index.html
+++ b/docs/content/html-docs/react/dont-use-index-as-keys/index.html
@@ -5360,10 +5360,10 @@ <h2 class="page-nav-title">Jump to Section</h2>
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/html-docs/react/index.html b/docs/content/html-docs/react/index.html
index 9260bac106..4232a3da65 100644
--- a/docs/content/html-docs/react/index.html
+++ b/docs/content/html-docs/react/index.html
@@ -5088,10 +5088,10 @@ <h2 class="page-nav-title">Jump to Section</h2>
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/html-docs/react/jsx/index.html b/docs/content/html-docs/react/jsx/index.html
index 4ad59bfa94..affce84203 100644
--- a/docs/content/html-docs/react/jsx/index.html
+++ b/docs/content/html-docs/react/jsx/index.html
@@ -5129,10 +5129,10 @@ <h2 class="page-nav-title">Jump to Section</h2>
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/html-docs/react/quiz/index.html b/docs/content/html-docs/react/quiz/index.html
index 2adaf14a3d..fc1f47c426 100644
--- a/docs/content/html-docs/react/quiz/index.html
+++ b/docs/content/html-docs/react/quiz/index.html
@@ -6135,10 +6135,10 @@ <h2 class="page-nav-title">Jump to Section</h2>
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/html-docs/react/react-docs/index.html b/docs/content/html-docs/react/react-docs/index.html
index 98f11c35ac..d76b0632bd 100644
--- a/docs/content/html-docs/react/react-docs/index.html
+++ b/docs/content/html-docs/react/react-docs/index.html
@@ -7367,10 +7367,10 @@ <h2 class="page-nav-title">Jump to Section</h2>
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/html-docs/react/react-in-depth/index.html b/docs/content/html-docs/react/react-in-depth/index.html
index b0e4b267da..f414e70347 100644
--- a/docs/content/html-docs/react/react-in-depth/index.html
+++ b/docs/content/html-docs/react/react-in-depth/index.html
@@ -10917,10 +10917,10 @@ <h2 class="page-nav-title">Jump to Section</h2>
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/html-docs/react/react-patterns-by-usecase/index.html b/docs/content/html-docs/react/react-patterns-by-usecase/index.html
index 2a708694e7..da4bfd73f6 100644
--- a/docs/content/html-docs/react/react-patterns-by-usecase/index.html
+++ b/docs/content/html-docs/react/react-patterns-by-usecase/index.html
@@ -5984,10 +5984,10 @@ <h2 class="page-nav-title">Jump to Section</h2>
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/html-docs/react/react-w-api/index.html b/docs/content/html-docs/react/react-w-api/index.html
index 27aecf3a73..67d79375ac 100644
--- a/docs/content/html-docs/react/react-w-api/index.html
+++ b/docs/content/html-docs/react/react-w-api/index.html
@@ -5055,10 +5055,10 @@ <h2 class="page-nav-title">Jump to Section</h2>
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/html-docs/react/react2/index.html b/docs/content/html-docs/react/react2/index.html
index 8636b64714..ee368958f7 100644
--- a/docs/content/html-docs/react/react2/index.html
+++ b/docs/content/html-docs/react/react2/index.html
@@ -7789,10 +7789,10 @@ <h2 class="page-nav-title">Jump to Section</h2>
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/html-docs/react/render-elements/index.html b/docs/content/html-docs/react/render-elements/index.html
index 0a550aa517..f63f4d52d4 100644
--- a/docs/content/html-docs/react/render-elements/index.html
+++ b/docs/content/html-docs/react/render-elements/index.html
@@ -5100,10 +5100,10 @@ <h2 class="page-nav-title">Jump to Section</h2>
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/html-docs/reference/awesome-lists/index.html b/docs/content/html-docs/reference/awesome-lists/index.html
index 2d661e0527..19093900bc 100644
--- a/docs/content/html-docs/reference/awesome-lists/index.html
+++ b/docs/content/html-docs/reference/awesome-lists/index.html
@@ -8288,10 +8288,10 @@ <h2 class="page-nav-title">Jump to Section</h2>
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/html-docs/reference/awesome-nodejs/index.html b/docs/content/html-docs/reference/awesome-nodejs/index.html
index 1c47c0f199..79f22da571 100644
--- a/docs/content/html-docs/reference/awesome-nodejs/index.html
+++ b/docs/content/html-docs/reference/awesome-nodejs/index.html
@@ -6456,10 +6456,10 @@ <h2 class="page-nav-title">Jump to Section</h2>
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/html-docs/reference/awesome-static/index.html b/docs/content/html-docs/reference/awesome-static/index.html
index 3a523ac3ff..4916dd7046 100644
--- a/docs/content/html-docs/reference/awesome-static/index.html
+++ b/docs/content/html-docs/reference/awesome-static/index.html
@@ -464,10 +464,10 @@
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/html-docs/reference/bash-commands/index.html b/docs/content/html-docs/reference/bash-commands/index.html
index 9769d59f01..74998ffbc0 100644
--- a/docs/content/html-docs/reference/bash-commands/index.html
+++ b/docs/content/html-docs/reference/bash-commands/index.html
@@ -4913,7 +4913,7 @@ <h3>Description: need to : <code>sudo apt install rename</code></h3>
                       <p>Notes: Issue when renaming file without numbers collides with existing file name...</p>
                     </blockquote>
                     <h6>code:</h6>
-                    <pre><code class="language-sh">find . -name &quot;* *&quot; -type d | rename &#x27;s/ /_/g&#x27;   
+                    <pre><code class="language-sh">find . -name &quot;* *&quot; -type d | rename &#x27;s/ /_/g&#x27;
 find . -name &quot;* *&quot; -type f | rename &#x27;s/ /_/g&#x27;
 </code></pre>
                     <pre><code class="language-sh">```sh
@@ -4962,7 +4962,7 @@ <h3>Description: recursively removes git related folders as well as internal use
                       <p>Notes: To clear up clutter in repositories that only get used on your local machine.</p>
                     </blockquote>
                     <h6>code:</h6>
-                    <pre><code class="language-sh">find . -empty -type d -print -delete        
+                    <pre><code class="language-sh">find . -empty -type d -print -delete
 
 
 find . \( -name &quot;.git&quot; -o -name &quot;.gitignore&quot; -o -name &quot;.gitmodules&quot; -o -name &quot;.gitattributes&quot; \) -exec rm -rf -- {} +
@@ -5087,7 +5087,7 @@ <h3>Description:</h3>
                       <p>Notes:</p>
                     </blockquote>
                     <h6>code:</h6>
-                    <pre><code class="language-sh">sudo apt install tree 
+                    <pre><code class="language-sh">sudo apt install tree
 sudo apt install pandoc -y
 sudo apt install rename -y
 sudo apt install black -y
@@ -5154,10 +5154,10 @@ <h6>code:</h6>
 
 
 
-rename &#x27;s/\.js\.download$/.js/&#x27; *.js\.download 
+rename &#x27;s/\.js\.download$/.js/&#x27; *.js\.download
 
 
-rename &#x27;s/\.html\.markdown$/.md/&#x27; *.html\.markdown 
+rename &#x27;s/\.html\.markdown$/.md/&#x27; *.html\.markdown
 
 
 find . -type d -exec rename &#x27;s/es6//g&#x27; {} +
@@ -5230,7 +5230,7 @@ <h3>Description: followed by replace <code>&#x27;#&#x27; with &#x27;_&#x27;</cod
                     <h6>code:</h6>
                     <pre><code class="language-sh">find . -name &quot;* *&quot; -type f | rename &#x27;s/_//g&#x27;
 
-find . -name &quot;* *&quot; -type d | rename &#x27;s/#/_/g&#x27;   
+find . -name &quot;* *&quot; -type d | rename &#x27;s/#/_/g&#x27;
 </code></pre>
                     <hr />
                     <h1>18. Filter &amp; delete files by name and extension</h1>
@@ -5342,11 +5342,11 @@ <h6>code:</h6>
 
 printf &quot;\nCreated: $1.$TSTAMP.zip\n&quot;
 
-# usage: 
+# usage:
 # - zipdir thedir
 # - zip thedir -x &quot;**anotherexcludedsubdir/*&quot;    (important the double quotes to prevent glob expansion)
 
-# if in windows/git-bash, add &#x27;zip&#x27; command this way: 
+# if in windows/git-bash, add &#x27;zip&#x27; command this way:
 # https://stackoverflow.com/a/55749636/1482990
 </code></pre>
                     <hr />
@@ -5703,12 +5703,12 @@ <h6>code:</h6>
 lebab --replace ./ --transform arg-rest
 lebab --replace ./ --transform for-each
 lebab --replace ./ --transform for-of
-lebab --replace ./ --transform commonjs 
+lebab --replace ./ --transform commonjs
 lebab --replace ./ --transform exponent
 lebab --replace ./ --transform multi-var
 lebab --replace ./ --transform template
 lebab --replace ./ --transform default-param
-lebab --replace ./ --transform  destruct-param 
+lebab --replace ./ --transform  destruct-param
 lebab --replace ./ --transform includes
 lebab --replace ./ --transform obj-method
 lebab --replace ./ --transform class
@@ -5717,12 +5717,12 @@ <h6>code:</h6>
 lebab --replace ./ --transform arg-rest
 lebab --replace ./ --transform for-each
 lebab --replace ./ --transform for-of
-lebab --replace ./ --transform commonjs 
+lebab --replace ./ --transform commonjs
 lebab --replace ./ --transform exponent
 lebab --replace ./ --transform multi-var
 lebab --replace ./ --transform template
 lebab --replace ./ --transform default-param
-lebab --replace ./ --transform  destruct-param 
+lebab --replace ./ --transform  destruct-param
 lebab --replace ./ --transform includes
 </code></pre>
                     <hr />
@@ -5811,7 +5811,7 @@ <h3>Description: replaces spaces in file and folder names with an <code>_</code>
                       <p>Notes: need to run <code>sudo apt install rename</code> to use this command</p>
                     </blockquote>
                     <h6>code:</h6>
-                    <pre><code class="language-sh">find . -name &quot;* *&quot; -type d | rename &#x27;s/ /_/g&#x27;   
+                    <pre><code class="language-sh">find . -name &quot;* *&quot; -type d | rename &#x27;s/ /_/g&#x27;
 find . -name &quot;* *&quot; -type f | rename &#x27;s/ /_/g&#x27;
 </code></pre>
                     <hr />
@@ -5883,18 +5883,18 @@ <h6>code:</h6>
     [string] $ZipFilesPath = &quot;./&quot;,
     [string] $UnzipPath = &quot;./RESULT&quot;
 )
- 
+
 $Shell = New-Object -com Shell.Application
 $Location = $Shell.NameSpace($UnzipPath)
- 
+
 $ZipFiles = Get-Childitem $ZipFilesPath -Recurse -Include *.ZIP
- 
+
 $progress = 1
 foreach ($ZipFile in $ZipFiles) {
     Write-Progress -Activity &quot;Unzipping to $($UnzipPath)&quot; -PercentComplete (($progress / ($ZipFiles.Count + 1)) * 100) -CurrentOperation $ZipFile.FullName -Status &quot;File $($Progress) of $($ZipFiles.Count)&quot;
     $ZipFolder = $Shell.NameSpace($ZipFile.fullname)
- 
- 
+
+
     $Location.Copyhere($ZipFolder.items(), 1040) # 1040 - No msgboxes to the user - http://msdn.microsoft.com/en-us/library/bb787866%28VS.85%29.aspx
     $progress++
 }
@@ -6167,7 +6167,7 @@ <h6>code:</h6>
 echo $!                      # prints process ID of the most recently invoked background job
 echo $?                      # displays the exit status of the last command
 read &lt;varname&gt;               # reads a string from the input and assigns it to a variable
-read -p &quot;prompt&quot; &lt;varname&gt;   # same as above but outputs a prompt to ask user for value 
+read -p &quot;prompt&quot; &lt;varname&gt;   # same as above but outputs a prompt to ask user for value
 column -t &lt;filename&gt;         # display info in pretty columns (often used with pipe)
 let &lt;varname&gt; = &lt;equation&gt;   # performs mathematical calculation using operators like +, -, *, /, %
 export VARNAME=value         # defines an environment variable (will be available in subprocesses)
@@ -6464,9 +6464,9 @@ <h6>code:</h6>
 trap returntrap RETURN  # is executed each time a shell function or a script executed with the . or source commands finishes executing
 
 ##############################################################################
-# COLORS AND BACKGROUNDS 
+# COLORS AND BACKGROUNDS
 ##############################################################################
-# note: \e or \x1B also work instead of \033 
+# note: \e or \x1B also work instead of \033
 # Reset
 Color_Off=&#x27;\033[0m&#x27; # Text Reset
 
@@ -6523,7 +6523,7 @@ <h6>code:</h6>
 
 # Example of usage
 echo -e &quot;${Green}This is GREEN text${Color_Off} and normal text&quot;
-echo -e &quot;${Red}${On_White}This is Red test on White background${Color_Off}&quot; 
+echo -e &quot;${Red}${On_White}This is Red test on White background${Color_Off}&quot;
 # option -e is mandatory, it enable interpretation of backslash escapes
 printf &quot;${Red} This is red \n&quot;
 </code></pre>
@@ -6689,10 +6689,10 @@ <h2 class="page-nav-title">Jump to Section</h2>
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/html-docs/reference/bookmarks/index.html b/docs/content/html-docs/reference/bookmarks/index.html
index ad90412cd6..a5f77344d9 100644
--- a/docs/content/html-docs/reference/bookmarks/index.html
+++ b/docs/content/html-docs/reference/bookmarks/index.html
@@ -10580,10 +10580,10 @@ <h2 class="page-nav-title">Jump to Section</h2>
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/html-docs/reference/embed-the-web/index.html b/docs/content/html-docs/reference/embed-the-web/index.html
index 31eb5ccf73..654d15a08e 100644
--- a/docs/content/html-docs/reference/embed-the-web/index.html
+++ b/docs/content/html-docs/reference/embed-the-web/index.html
@@ -5035,8 +5035,8 @@ <h2><a
 
 
 textarea.onkeyup = function(){
-  
-  
+
+
   if(solution.value === &#x27;Show solution&#x27;) {
     userEntry = textarea.value;
   } else {
@@ -5484,10 +5484,10 @@ <h2 class="page-nav-title">Jump to Section</h2>
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/html-docs/reference/github-search/index.html b/docs/content/html-docs/reference/github-search/index.html
index f425610bd1..b3b667b673 100644
--- a/docs/content/html-docs/reference/github-search/index.html
+++ b/docs/content/html-docs/reference/github-search/index.html
@@ -6499,10 +6499,10 @@ <h2 class="page-nav-title">Jump to Section</h2>
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/html-docs/reference/google-cloud/index.html b/docs/content/html-docs/reference/google-cloud/index.html
index 9b75daac97..9fd00a552c 100644
--- a/docs/content/html-docs/reference/google-cloud/index.html
+++ b/docs/content/html-docs/reference/google-cloud/index.html
@@ -5268,10 +5268,10 @@ <h2 class="page-nav-title">Jump to Section</h2>
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/html-docs/reference/how-2-reinstall-npm/index.html b/docs/content/html-docs/reference/how-2-reinstall-npm/index.html
index 061791c51d..d51f50ce64 100644
--- a/docs/content/html-docs/reference/how-2-reinstall-npm/index.html
+++ b/docs/content/html-docs/reference/how-2-reinstall-npm/index.html
@@ -5351,10 +5351,10 @@ <h2 class="page-nav-title">Jump to Section</h2>
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/html-docs/reference/how-to-kill-a-process/index.html b/docs/content/html-docs/reference/how-to-kill-a-process/index.html
index 288df02cb5..0aadf7cc3c 100644
--- a/docs/content/html-docs/reference/how-to-kill-a-process/index.html
+++ b/docs/content/html-docs/reference/how-to-kill-a-process/index.html
@@ -5162,10 +5162,10 @@ <h2 class="page-nav-title">Jump to Section</h2>
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/html-docs/reference/index.html b/docs/content/html-docs/reference/index.html
index 7791e63e4a..c9ec5add03 100644
--- a/docs/content/html-docs/reference/index.html
+++ b/docs/content/html-docs/reference/index.html
@@ -5065,10 +5065,10 @@ <h2 class="page-nav-title">Jump to Section</h2>
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/html-docs/reference/installing-node/index.html b/docs/content/html-docs/reference/installing-node/index.html
index 8b34569b88..9318dbc99a 100644
--- a/docs/content/html-docs/reference/installing-node/index.html
+++ b/docs/content/html-docs/reference/installing-node/index.html
@@ -5266,10 +5266,10 @@ <h2 class="page-nav-title">Jump to Section</h2>
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/html-docs/reference/intro-to-nodejs/index.html b/docs/content/html-docs/reference/intro-to-nodejs/index.html
index c6e8eb482d..0db6b4c926 100644
--- a/docs/content/html-docs/reference/intro-to-nodejs/index.html
+++ b/docs/content/html-docs/reference/intro-to-nodejs/index.html
@@ -5747,10 +5747,10 @@ <h2 class="page-nav-title">Jump to Section</h2>
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/html-docs/reference/markdown-styleguide/index.html b/docs/content/html-docs/reference/markdown-styleguide/index.html
index 7ac5ce5c2e..f7dcbf8565 100644
--- a/docs/content/html-docs/reference/markdown-styleguide/index.html
+++ b/docs/content/html-docs/reference/markdown-styleguide/index.html
@@ -6316,10 +6316,10 @@ <h2 class="page-nav-title">Jump to Section</h2>
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/html-docs/reference/notes-template/index.html b/docs/content/html-docs/reference/notes-template/index.html
index db710ce60c..e77f5843ca 100644
--- a/docs/content/html-docs/reference/notes-template/index.html
+++ b/docs/content/html-docs/reference/notes-template/index.html
@@ -5289,14 +5289,14 @@ <h2>Code and Syntax Highlighting</h2>
 var s = &quot;JavaScript syntax highlighting&quot;;
 alert(s);
 ```
- 
+
 ```python
 s = &quot;Python syntax highlighting&quot;
 print s
 ```
- 
+
 ```
-No language indicated, so no syntax highlighting. 
+No language indicated, so no syntax highlighting.
 But let&#x27;s throw in a &lt;b&gt;tag&lt;/b&gt;.
 ```
 </code></pre>
@@ -5765,10 +5765,10 @@ <h2 class="page-nav-title">Jump to Section</h2>
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/html-docs/reference/psql/index.html b/docs/content/html-docs/reference/psql/index.html
index edd563b567..05e509db20 100644
--- a/docs/content/html-docs/reference/psql/index.html
+++ b/docs/content/html-docs/reference/psql/index.html
@@ -5481,10 +5481,10 @@ <h2 class="page-nav-title">Jump to Section</h2>
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/html-docs/reference/resources/index.html b/docs/content/html-docs/reference/resources/index.html
index 4066d1364d..de2882d006 100644
--- a/docs/content/html-docs/reference/resources/index.html
+++ b/docs/content/html-docs/reference/resources/index.html
@@ -6272,10 +6272,10 @@ <h2 class="page-nav-title">Jump to Section</h2>
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/html-docs/reference/vscode/index.html b/docs/content/html-docs/reference/vscode/index.html
index faf30352d2..a6b48a2157 100644
--- a/docs/content/html-docs/reference/vscode/index.html
+++ b/docs/content/html-docs/reference/vscode/index.html
@@ -6195,10 +6195,10 @@ <h2 class="page-nav-title">Jump to Section</h2>
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/html-docs/reference/web-api's/index.html b/docs/content/html-docs/reference/web-api's/index.html
index 13c69a72f1..a69a1ac77a 100644
--- a/docs/content/html-docs/reference/web-api's/index.html
+++ b/docs/content/html-docs/reference/web-api's/index.html
@@ -8262,10 +8262,10 @@ <h2 class="page-nav-title">Jump to Section</h2>
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/html-docs/search/index.html b/docs/content/html-docs/search/index.html
index 579d4db2a6..cd6dc12575 100644
--- a/docs/content/html-docs/search/index.html
+++ b/docs/content/html-docs/search/index.html
@@ -5024,10 +5024,10 @@ <h2 class="page-nav-title">Jump to Section</h2>
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/html-docs/sitemap/index.html b/docs/content/html-docs/sitemap/index.html
index ef393ca40b..5fe58f5525 100644
--- a/docs/content/html-docs/sitemap/index.html
+++ b/docs/content/html-docs/sitemap/index.html
@@ -464,10 +464,10 @@
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/html-docs/tips/array-methods/index.html b/docs/content/html-docs/tips/array-methods/index.html
index 89bcc3dd3e..e6fec895cb 100644
--- a/docs/content/html-docs/tips/array-methods/index.html
+++ b/docs/content/html-docs/tips/array-methods/index.html
@@ -5043,10 +5043,10 @@ <h2 class="page-nav-title">Jump to Section</h2>
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/html-docs/tips/index.html b/docs/content/html-docs/tips/index.html
index d7848c6cb8..783b3b05bd 100644
--- a/docs/content/html-docs/tips/index.html
+++ b/docs/content/html-docs/tips/index.html
@@ -5028,10 +5028,10 @@ <h2 class="page-nav-title">Jump to Section</h2>
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/html-docs/tips/insert-into-array/index.html b/docs/content/html-docs/tips/insert-into-array/index.html
index c4684a6541..6af5d5120e 100644
--- a/docs/content/html-docs/tips/insert-into-array/index.html
+++ b/docs/content/html-docs/tips/insert-into-array/index.html
@@ -467,10 +467,10 @@
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/html-docs/tips/regex-tips/index.html b/docs/content/html-docs/tips/regex-tips/index.html
index 77fd88927a..353503eb39 100644
--- a/docs/content/html-docs/tips/regex-tips/index.html
+++ b/docs/content/html-docs/tips/regex-tips/index.html
@@ -4924,10 +4924,10 @@ <h2>2. Using Replacement Callbacks</h2>
                     <p>The <code>replace</code> function can also be <strong>passed a callback</strong> as its second
                       parameter, and this is invaluable in cases where the replacement you want can’t be described in a
                       simple expression. For example:</p>
-                    <pre><code>isocode = isocode.replace(/^([a-z]+)(\-[a-z]+)?$/i, 
+                    <pre><code>isocode = isocode.replace(/^([a-z]+)(\-[a-z]+)?$/i,
   function(match, lang, country)
   {
-    return lang.toLowerCase() 
+    return lang.toLowerCase()
       + (country ? country.toUpperCase() : &#x27;&#x27;);
   });
 </code></pre>
@@ -4952,7 +4952,7 @@ <h2>2. Using Replacement Callbacks</h2>
                     <p>Here’s another example, that combines the multi-line comment expression from the previous
                       section, with a callback that extracts and saves the text of each comment:</p>
                     <pre><code>let comments = [];
-str.replace(/(\/\*([^*]|(\*+[^*\/]))*\*+\/)/gm, 
+str.replace(/(\/\*([^*]|(\*+[^*\/]))*\*+\/)/gm,
   function(match)
   {
     comments.push(match);
@@ -4961,7 +4961,7 @@ <h2>2. Using Replacement Callbacks</h2>
                     <p>Since nothing is returned, the original string remains unchanged. Although if we wanted to
                       extract <em>and</em> remove the comments, we could simply return and assign an empty-string:</p>
                     <pre><code>let comments = [];
-str = str.replace(/(\/\*([^*]|(\*+[^*\/]))*\*+\/)/gm, 
+str = str.replace(/(\/\*([^*]|(\*+[^*\/]))*\*+\/)/gm,
   function(match)
   {
     comments.push(match);
@@ -4992,7 +4992,7 @@ <h2>3. Working With Invisible Delimiters</h2>
                       the match in which all non-whitespace is converted to space, and which is delimited with a
                       noncharacter either side:</p>
                     <pre><code>let comments = [];
-csstext = csstext.replace(/(\/\*([^*]|(\*+([^*\/])))*\*+\/)/gm, 
+csstext = csstext.replace(/(\/\*([^*]|(\*+([^*\/])))*\*+\/)/gm,
   function(match)
   {
     comments.push(match);
@@ -5004,7 +5004,7 @@ <h2>3. Working With Invisible Delimiters</h2>
                     <p>Then the originals can be restored simply by replacing each delimited space with its
                       corresponding saved comment — and since the delimiters are single characters, we only need a
                       <strong>simple character class</strong> to match each pair:</p>
-                    <pre><code>csstext = csstext.replace(/(\ufddf[^\ufddf]+\ufddf)/gim, 
+                    <pre><code>csstext = csstext.replace(/(\ufddf[^\ufddf]+\ufddf)/gim,
   function()
   {
     return comments.shift();
@@ -5173,10 +5173,10 @@ <h2 class="page-nav-title">Jump to Section</h2>
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/html-docs/tips/sorting-strings/index.html b/docs/content/html-docs/tips/sorting-strings/index.html
index 8ddb8ff495..9f0fd9eca9 100644
--- a/docs/content/html-docs/tips/sorting-strings/index.html
+++ b/docs/content/html-docs/tips/sorting-strings/index.html
@@ -5092,10 +5092,10 @@ <h2 class="page-nav-title">Jump to Section</h2>
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/html-docs/tools/archive/index.html b/docs/content/html-docs/tools/archive/index.html
index 25c2bb8d82..8e158ae73e 100644
--- a/docs/content/html-docs/tools/archive/index.html
+++ b/docs/content/html-docs/tools/archive/index.html
@@ -5142,10 +5142,10 @@ <h2 class="page-nav-title">Jump to Section</h2>
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/html-docs/tools/dev-utilities/index.html b/docs/content/html-docs/tools/dev-utilities/index.html
index 61e725ef1c..fb842c5bf1 100644
--- a/docs/content/html-docs/tools/dev-utilities/index.html
+++ b/docs/content/html-docs/tools/dev-utilities/index.html
@@ -5078,10 +5078,10 @@ <h2 class="page-nav-title">Jump to Section</h2>
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/html-docs/tools/index.html b/docs/content/html-docs/tools/index.html
index 33958649f6..dbffc61eb3 100644
--- a/docs/content/html-docs/tools/index.html
+++ b/docs/content/html-docs/tools/index.html
@@ -468,10 +468,10 @@
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/html-docs/tools/markdown-html/index.html b/docs/content/html-docs/tools/markdown-html/index.html
index a159a9d5ee..8fcfe71636 100644
--- a/docs/content/html-docs/tools/markdown-html/index.html
+++ b/docs/content/html-docs/tools/markdown-html/index.html
@@ -5053,10 +5053,10 @@ <h2 class="page-nav-title">Jump to Section</h2>
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/html-docs/tutorials/enviorment-setup/index.html b/docs/content/html-docs/tutorials/enviorment-setup/index.html
index 5acb94c007..a262edead6 100644
--- a/docs/content/html-docs/tutorials/enviorment-setup/index.html
+++ b/docs/content/html-docs/tutorials/enviorment-setup/index.html
@@ -5691,10 +5691,10 @@ <h2 class="page-nav-title">Jump to Section</h2>
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/html-docs/tutorials/how-to-use-google-sheets-as-cms/index.html b/docs/content/html-docs/tutorials/how-to-use-google-sheets-as-cms/index.html
index 47bed69b1e..9c059b13b4 100644
--- a/docs/content/html-docs/tutorials/how-to-use-google-sheets-as-cms/index.html
+++ b/docs/content/html-docs/tutorials/how-to-use-google-sheets-as-cms/index.html
@@ -5058,10 +5058,10 @@ <h2 class="page-nav-title">Jump to Section</h2>
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/html-docs/tutorials/index.html b/docs/content/html-docs/tutorials/index.html
index f56d075041..9957265bec 100644
--- a/docs/content/html-docs/tutorials/index.html
+++ b/docs/content/html-docs/tutorials/index.html
@@ -5027,10 +5027,10 @@ <h2 class="page-nav-title">Jump to Section</h2>
 </script><!-- Default Statcounter code for 2
 https://bgoonz-blog.netlify.app/ -->
 <script type="text/javascript">
-var sc_project=12702211; 
-var sc_invisible=0; 
-var sc_security="011fbeb6"; 
-var sc_text=3; 
+var sc_project=12702211;
+var sc_invisible=0;
+var sc_security="011fbeb6";
+var sc_text=3;
 var scJsHost = "https:///";
 document.write("<sc"+"ript type='text/javascript' src='" +
 scJsHost+
diff --git a/docs/content/learning-area/css/introduction-to-css/debugging-css/style.css b/docs/content/learning-area/css/introduction-to-css/debugging-css/style.css
index b463d6ae48..8ee18180fb 100644
--- a/docs/content/learning-area/css/introduction-to-css/debugging-css/style.css
+++ b/docs/content/learning-area/css/introduction-to-css/debugging-css/style.css
@@ -56,4 +56,4 @@ main p, main li {
 img {
   float: right
   margin: 1.2em 2em;
-}
\ No newline at end of file
+}