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);