title: <script> tag not working in html <head> or external js file
body: <p>Trying to require js in an HTML file. Required the external js files through the  tags seen below</p>
  
  <pre><code>&lt;script type="text/javascript" src="scripts/ui.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="scripts/events.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>These script tags did not work because the event handlers inside them did not fire. So, in a previous project I had luck writing all the js logic in  tags within the  of the HTML, which looks like this (also in this project along with external js) Also, the html file has a button with "shuffle" as its class.</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  $(".shuffle").click(function(){
    console.log("hello");
    let arr = onShuffle();
    shuffleSuccess(arr);
  });
  
  &lt;/script&gt;
  </code></pre>
  
  <p>The interesting thing about this is I put the above function in the console of the index.html/project's file and the click handler worked as well as the <code>shuffleSuccess</code> function, which is in the external js file. Thanks!</p>