title: Changing 'innerHTML' on <img> not changing image
body: <p>Here is my code:</p>
  
  <h2>HTML</h2>
  
  <pre><code>&lt;form&gt;
    &lt;img id='image' src=""/&gt;
    &lt;input type='text' id='text'&gt;
    &lt;input type="button" value="change picture" onclick="changeimage()"&gt;
  &lt;/form&gt;
  </code></pre>
  
  <h2>JavaScript</h2>
  
  <pre><code>function changeimage() {
    var a=document.getElementById('text').value
    var c=a+".gif"
    c="\""+c+"\""
    var b= "&lt;img src="+c+"\/&gt;"
  
    document.getElementById('image').innerHTML=b
  }
  </code></pre>
  
  <p>I have some GIF images. I want to write an image name in the textbox and then have the image become shown when the button is clicked. However, it's not happening. Why?</p>