title: Button onclick result: "'Function' is not defined" in HTML
body: <p>I am using CodeSandbox to write up a localized access point for my social media (just to have fun with the Vanilla parcel pack they have). Now, I have my buttons calling separate functions, but when I select a button, the error "<code>Function</code> is not defined"</p>
  
  <p>My functions for the buttons are stored in a separate file than the regular JavaScript.</p>
  
  <p>I have looked on W3Schools to see how this is done. Several times I tried even putting the function within the HTML page itself to see if that helps; however, the error still appeared.</p>
  
  <p>Below is an HTML example:</p>
  
  <pre><code>
  &lt;button type="button" onclick="sShowFunction()"&gt;
            Discord Status
          &lt;/button&gt;
          &lt;br /&gt;
          &lt;p id="dshow"&gt;Reveal Discord Status&lt;/p&gt;
          &lt;script src="extras/buttons.js" type="text/javascript"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>This is the js function:</p>
  
  <pre><code>
  function sShowFunction() {
    document.getElementById("dshow").innerHTML = `
    &lt;iframe src="https://discordapp.com/widget?id=&lt;server id&gt;&amp;theme=dark" width="350" height="500" allowtransparency="true" frameborder="0"&gt;&lt;/iframe&gt;
    `;
  }
  </code></pre>
  
  <p>I expect the output when I press the button to display the discord widget. Instead, I produce the aforementioned error. My best guess is that I am missing a piece of code to call the function.
  In the console, I receive this error:
  <code>sShowFunction' is defined but never used. (no-unused-vars)</code></p>