1. Added vanilla js script dom-is-ready.js to

check if DOM content is loaded. 2. Added script source to index.html. 3. Used script in index.js.
6 years ago · 890a377ce7
parent f0f07ee543
commit 890a377ce7
3 changed files with 39 additions and 1 deletions
--- a/Bin2Dec/Web/dom-is-ready.js
+++ b/Bin2Dec/Web/dom-is-ready.js
@ -0,0 +1,25 @@
+var domIsReady = (function (domIsReady) {
+  var isBrowserIeOrNot = function () {
+    return (!document.attachEvent || typeof document.attachEvent === "undefined" ? 'not-ie' : 'ie');
+  }
+
+  domIsReady = function (callback) {
+    if (callback && typeof callback === 'function') {
+      if (isBrowserIeOrNot() !== 'ie') {
+        document.addEventListener("DOMContentLoaded", function () {
+          return callback();
+        });
+      } else {
+        document.attachEvent("onreadystatechange", function () {
+          if (document.readyState === "complete") {
+            return callback();
+          }
+        });
+      }
+    } else {
+      console.error('The callback is not a function!');
+    }
+  }
+
+  return domIsReady;
+})(domIsReady || {});
--- a/Bin2Dec/Web/index.html
+++ b/Bin2Dec/Web/index.html
@ -7,6 +7,13 @@
  <title>Bin2Dec Converter</title>
 </head>
 <body>
-  
+  <form id="form" novalidate>
+    <div class="form-field">
+      <input type="text" required>
+    </div>
+    <button type="submit">Convert to Decimal</button>
+  </form>
+  <script src="dom-is-ready.js"></script>
+  <script src="index.js"></script>
 </body>
 </html>
--- a/Bin2Dec/Web/index.js
+++ b/Bin2Dec/Web/index.js
@ -0,0 +1,6 @@
+(function (document, window, domIsReady, undefined) {
+  domIsReady(function () {
+    console.log('My DOM is ready peeps!');
+    
+  });
+})(document, window, domIsReady);