title: a href link clicked and div displays image
body: <p>I would like a javascript method to display image in div depending on which a href link is clicked.<img src="https://i.stack.imgur.com/8Az4e.png" alt="enter image description here"></p>
  
  <p>I have written some code but it needs developing further. </p>
  
  <pre><code>&lt;script type="  "&gt;
  function changeImg(){
      var image1 = new Image();
      image1.src='car.png'
      var imghol = document.getElementById("imageHolder");
      var elements = document.getElementById("FS");
      if(elements.onclick = function()){
          imghol = image1;
      }
  &lt;/script&gt;
  
  &lt;div class="ADS2"&gt;&lt;h2&gt;Vehicle Part&lt;/h2&gt;&lt;p&gt;Please select a part you wish to find;
  &lt;div class="vertical_menu"&gt;
  &lt;ul&gt;
  &lt;li&gt;&lt;a id="FS" href="#home" onclick="changeImg"&gt;Front Side&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a id="RS" href="#news"&gt;Rear Side&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a id="S" href="#contact"&gt;Side&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a id="US"href="#about"&gt;Under Side&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a id="I" href="#about"&gt;Interior&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  &lt;/div&gt;
  &lt;div class="imageholder"&gt;
  
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>