title: JS and CSS not loading in html
body: <p>I've been following this article (<a href="https://dev.to/programliftoff/create-a-basic-webpage-with-css-and-javascript--104i" rel="nofollow noreferrer">https://dev.to/programliftoff/create-a-basic-webpage-with-css-and-javascript--104i</a>) to get started on building an interactive webpage, but I can't get the JS and CSS to work.</p>
  
  <p>I'm working in Sublime, and I followed this tutorial (<a href="https://www.youtube.com/watch?v=oqD5C77Tk3I&amp;feature=youtu.be" rel="nofollow noreferrer">https://www.youtube.com/watch?v=oqD5C77Tk3I&amp;feature=youtu.be</a>) to run it through http rather than the file system.</p>
  
  <p>I've double checked the folder paths fifty times (they're just saved on my desktop as 'scripts' and 'styles' in the same folder as my index.html doc), and tried different variations of dots at the start of the paths and slashes both ways, but the JS and CSS just won't load. I've also moved the 'link rel' and 'scripts async src' lines between the head and body tags, but it doesn't seem to make a difference.</p>
  
  <p>My html doc looks like this,</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
   &lt;head&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;title&gt;Website&lt;/title&gt;
      &lt;link rel=“stylesheet” type="text/css" href=“../styles/styles.css” /&gt;
      &lt;script async src="./scripts/index.js"&gt;&lt;/script&gt;
   &lt;/head&gt;
   &lt;body&gt;
    &lt;h1&gt;Hello, World&lt;/h1&gt;
    &lt;h4 id=‘date’&gt;&lt;/h4&gt;
    &lt;img src="images/IMG_4945.jpg" alt="My test image"&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>My JS doc looks like this,</p>
  
  <pre><code>document.getElementById('date').innerHTML = new Date().toDateString();
  </code></pre>
  
  <p>My CSS doc looks like this,</p>
  
  <pre><code>body {
   text-align: center;
   background-color: #ffe6e6;
  }
  </code></pre>