title: script.js file not linked to html?
body: <p>I'm trying to replicate this <a href="http://jsfiddle.net/derickbailey/s4P2v/" rel="nofollow noreferrer">jsfiddle</a> project on my local machine</p>
  
  <p>I have copied the exactly displayed contents of the index.html, script.js, and style.css files on my local machine. Although my local files didn't initially work the desired way (displaying song length, title, etc).</p>
  
  <p>So I added these lines to the top of the html file, so that my script.js file would be linked. I also added a line to my html file so that my downloaded jquery file would be recognized. With these lines added to my html file:</p>
  
  <pre><code>&lt;script src="jquery-3.3.1.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="script.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>But when loading my index.html file into my browser, I can choose a file just fine, but none of the javascript content is displayed. I don't think my script.js file is being recognized, because even If I add console.log() lines to the script.js file, they aren't displayed. </p>
  
  <p>How do I ensure my script.js file is correctly linked so that this jsfiddle project works on my local machine the same way it works on jsfiddle?</p>
  
  <p>thank you</p>