I have used

    &lt;!DOCTYPE html&gt;
    &lt;html&gt;
    &lt;head&gt;
      &lt;meta charset=&quot;utf-8&quot; /&gt;
    &lt;/head&gt;
    &lt;body&gt;
      &lt;button type=&quot;button&quot; id=&quot;button&quot;&gt;Click&lt;/button&gt;
      &lt;pre id=&quot;output&quot;&gt;Not Loading...&lt;/pre&gt;

      &lt;script src=&quot;https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/6.17.0/babel.min.js&quot;&gt;&lt;/script&gt;
      &lt;script type=&quot;text/babel&quot;&gt;
        document.addEventListener(&#39;DOMContentLoaded&#39;, function () {
          const button = document.getElementById(&#39;button&#39;);
          const output = document.getElementById(&#39;output&#39;);

          output.textContent = &#39;Loading...&#39;;

          addEventListener(&#39;click&#39;, function () {
            output.textContent = &#39;Done&#39;;
          });
         });
      &lt;/script&gt;
    &lt;/body&gt;
    &lt;/html&gt;

but it seems the code inside `document.addEventListener(&#39;DOMContentLoaded&#39;, function () {});` is not loading.

If I remove this from my code, it suddenly works.

I have made a [JS Bin here][1].


  [1]: https://jsbin.com/misuxuhiba/edit?html,output

All Domcontentloaded Solutions on Gang of Coders

Total of 1 Domcontentloaded Solutions

Code inside DOMContentLoaded event not working