title: HTML isn't recognizing the JS file in the same folder
body: <p>I have some basic html below, and for some reason it's not recognizing the js file I linked in the script tag. Am I linking it incorrectly in some way?:</p>
  
  <pre><code>&lt;html&gt;
    &lt;head&gt;
      &lt;link rel="stylesheet" src="/index.css"&gt;
      &lt;script src="/index.js"&gt;&lt;/script&gt;
    &lt;/head&gt;
    &lt;body&gt;
      &lt;div id="board"&gt;
        &lt;svg id="svg"&gt;&lt;/svg&gt;
      &lt;/div&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Below is the respective index.js:</p>
  
  <pre><code>const grid = [
     [{},{},{},{},{},{},{}],
     [{},{},{},{},{},{},{}],
     [{},{},{},{},{},{},{}],
     [{},{},{},{},{},{},{}],
     [{},{},{},{color: "red"},{color:"black"},{},{}],
  ];
  
  const render = () =&gt;{
     console.info("rendering?")
     const svg = document.getElementById("svg");
     let doc = ``;
     for (var i=0; i&lt;grid.length; i++) {
        var row = grid[i];
        for (var j=0; j&lt;row.length; j++){
           const square = grid[i][j];
           const color = square &amp;&amp; square.color || 'gray';
           doc = doc + `&lt;circle onclick="clickSquare(${i}, ${j})" fill = '${color}' r='30px' cx='${j * 70 + 50}px' cy='${i * 70 + 50}px'&gt; &lt;/circle&gt;`;
        }
     }
     svg.innerHTML = doc;
  }
  
  window.clickSquare = (x, y) =&gt; {
     console.log("You clicked square ", x, y);
  }
  </code></pre>