title: Why won't this button remove this image
body: <p>I'm trying to practice my coding.  I've created an experimental webpage.  I have a picture of my face here.  I put a button below to remove my picture by setting the image's display property to "none."  However, nothing I try seems to work.  Why is this?  Here is all my code, because I have no idea where the problem could lie.</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
      &lt;title&gt;TODO supply a title&lt;/title&gt;
      &lt;meta charset="UTF-8"&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
  
      &lt;style&gt;
          body 
          {
              background-color: wheat;
  
          }
  
          .name:hover
          {
              background-color: aquamarine;
          }
  
  
          h1 {
          width: 500px;
  border: 20px outset brown;
  padding: 20px;
  background-color: gold;
  color: goldenrod;
  text-align: center;
  margin: auto;
          }
  
          img {
              height: 500px;
              border: 2px solid black;
          }
      &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;h1&gt;DENNIS MARKHAM'S FUNSITE&lt;/h1&gt;
      &lt;br&gt;
      &lt;p&gt;Hi, this is &lt;span class = "name"&gt; Dennis&lt;/span&gt;, and I'm creating this website just for fun.  And
      I guess for practice too.&lt;/p&gt;
      &lt;p&gt;As you can see, my name highlights when you scroll over it.  Isn't that cool?
          Well I think it is. &lt;/p&gt;
      &lt;p&gt;I think this could use a background image to give it a more...woody look.
      But the problem is I don't understand shit about background images.  That's a problem indeed.
      &lt;/p&gt;
      &lt;p&gt;Oh well, let's do a picture:&lt;/p&gt;
      &lt;br&gt;
      &lt;img id = "me" src ='IMG_1742.jpg' alt='my face'&gt;
      &lt;br&gt;
      &lt;script type = "text/javascript"&gt;
          function remove(){
              document.getElementsById("me").style.display = "none";
  
              //not sure why this doesn't work, but okay
          }
      &lt;/script&gt;
      &lt;button type="button"  OnClick="remove()"&gt;Remove Picture&lt;/button&gt;
  
  
  &lt;/body&gt;
  </code></pre>
  
  <p></p>