title: Error setting image src by id in HTML with Javascript
body: <p>I need to link an image so that when I check or uncheck a box it will appear and disappear. I have nav buttons that dictate which images shall appear. The HTML code is as follows.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>function p01Func() {
    document.getElementById("problem").innerHTML = "&lt;p&gt;I'm looking for a type of pancake originating from the Indian subcontinent, made from a fermented batter. It is somewhat similar to a crepe in appearance.&lt;/p&gt;";
  
    document.getElementById("flowchart").setAttribute("src", "images/dosa/dosaDesign.jpg");
  
    document.getElementById("js").setAttribute("src," "images/dosa/dosa1.jpg");
  
    document.getElementbyId("another").setAttribute("src," "images/dosa/dosa2.jpg");
  
    document.getElementById("check1").checked = false;
    document.getElementById("check2").checked = false;
    document.getElementById("check3").checked = false;
  }
  
  p01Func();</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="column1 design"&gt;
    &lt;input id="check1" type="checkbox" /&gt; Design
    &lt;img id="flowchart" src="null" alt="null" /&gt;
  &lt;/div&gt;
  &lt;div class="column2 jsSolution"&gt;
    &lt;input id="check2" type="checkbox" /&gt; JavaScript Solution
    &lt;img id="js" src="null" alt="null" /&gt;
  &lt;/div&gt;
  &lt;div class="column3 otherSolution"&gt;
    &lt;input id="check3" type="checkbox" /&gt; Another Solution
    &lt;img id="another" src="null" alt="null" /&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>The code won't run anymore, even the other parts. Any advice as to what I'm doing wrong?</p>