title: Change innerHTML on button click
body: <p>I'm learning Javascript, and I'm trying to change the text of an 'id' when the user clicks a button. Here's the code:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;body&gt;
  
  &lt;p id="demo"&gt;Hello&lt;/p&gt;
  &lt;button type="button" onclick="document.getElementById("demo").innerHTML = "Hey There""&gt;Try it&lt;/button&gt;
  
  &lt;/body&gt;
  &lt;/html&gt; </code></pre>
  </div>
  </div>
  </p>
  
  <p>When I select the button, nothing happens. What am I doing wrong, and how can I fix it?</p>