refactor: Use pure JS equivalent of jQuery's $.ready()

https://stackoverflow.com/a/9899701

themes/typing/source/js/typing.js

@@ -23,6 +23,16 @@
     $('.fancybox').fancybox()
   }
 
+})(jQuery)
+
+// Search button function
+const searchClick = document.getElementById('searchClick')
+searchClick.onclick = function() {
+  window.open('https://gitlab.com/search?utf8=%E2%9C%93&search=' +
+  document.getElementById('searchTxt').value +
+  '&group_id=&project_id=8306723&search_code=true&repository_ref=master')
+}
+
 // Add "Copy" button to code snippet
 const code = document.getElementsByClassName('code')
 
@@ -34,8 +44,14 @@
   code[i].appendChild(button)
 }
 
-  $(document).ready(() => {
+/*
-    // Add copy to clipboard button for code snippet
+* Copy button and Cloudinary functions.
+* Following functions only execute after
+* the 'document' is ready or
+* <script src> is executed.
+*/
+document.addEventListener('DOMContentLoaded', () => {
+  // Copy button
   const copyCode = new ClipboardJS('.copy-button', {
     target: (trigger) => {
       return trigger.previousElementSibling
@@ -60,13 +76,4 @@
   // Initialize Cloudinary responsive function
   const cl = cloudinary.Cloudinary.new({ cloud_name: 'curben' })
   cl.responsive()
-  })
+}, false);
-})(jQuery)
-
-// Search button function
-const searchClick = document.getElementById('searchClick')
-searchClick.onclick = function() {
-  window.open('https://gitlab.com/search?utf8=%E2%9C%93&search=' + 
-  document.getElementById('searchTxt').value + 
-  '&group_id=&project_id=8306723&search_code=true&repository_ref=master')
-}