title: Javascript for changing image source not working
body: <p>I am making a simple website which changes the image displayed when a button is clicked. But my code doesn't seem to be working as when I click on the button 'Click!' the alt text gets displayed instead of the image changing.The source of the images is perfectly fine, as when I use the same source outside the script the images show up.
      </p>
  
  <pre><code>&lt;head&gt;
      &lt;title&gt;Pic Change&lt;/title&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;meta name="Pic Change"&gt;
      &lt;meta name="keywords" content="face,PES"&gt;
      &lt;meta name="author" content="Thalle"&gt;
  
      &lt;meta name="viewport" content="width=device-width,initial-scale=1.0"&gt;
  &lt;/head&gt;
  
  &lt;body class="body" style="background-color:#4682B4"&gt;
      &lt;script&gt;
      function display(whichimage){
          if(whichimage == 0){    
              document.getElementById('Click').src="C:\.....\Memes\Animals\initial.jpeg"
          }
          else{
              document.getElementById('Click').src="C:\.....\Memes\Animals\Whenlife.jpeg"
          }
  
      }
      &lt;/script&gt;
  
      &lt;image id="Click" src="C:\......\Memes\Animals\initial.jpg" alt="Click Button to click picture" style="width:300px;height:300px" &gt;
  
      &lt;p&gt;
      &lt;button type="button" onclick="display(1)"&gt;Click!&lt;/button&gt;
      &lt;button type="button" onclick="display(0)"&gt;Reset&lt;/button&gt;
      &lt;/p&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>