title: JavaScript - How to show image ALT text on a div?
body: <p>I'm trying to show the <code>alt</code> text of images on the <code>#show</code> div. I want to click an image and show its <code>alt</code> in <code>#show</code>, click another image and show its <code>alt</code> and like that. How can i make it work?</p>
  
  <pre><code>&lt;div id="IMGS"&gt;
      &lt;h2&gt;1&lt;/h2&gt;
      &lt;div&gt;&lt;img src="img/frog.jpg" alt="this is a frog" height="100" /&gt;&lt;p&gt;0&lt;/p&gt;&lt;/div&gt;
      &lt;div&gt;&lt;img src="img/bird.jpg" alt="this is a bird" height="100" /&gt;&lt;p&gt;0&lt;/p&gt;&lt;/div&gt;
      &lt;div&gt;&lt;img src="img/Photoshop-01.jpg" alt="this ain't real" height="100" /&gt;&lt;p&gt;0&lt;/p&gt;&lt;/div&gt;
      &lt;div id="show"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>