title: Using getElementByID.innerHTML from within a switch statements case?
body: <p>Alright so first off, total Newbie here, so my questions answer might be extreemley simple because i have missed some thing critical.</p>
  
  <p>I am trying to have a switch statement, switch out the innerHTML of an h1 tag with an id="bbref". I set the userName Variable to "Lister" and created my switch statement to write a different line into the h1 tag base don what name was input for userName.</p>
  
  <p>for some reason however my code is just not working... any thoughts.. or noticeable brain-farts on my end?</p>
  
  <p>here is the code:</p>
  
  <pre><code>    &lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
   &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8"&gt;
  &lt;title&gt;Javascript Learning&lt;/title&gt;
  &lt;script type="text/javascript"&gt;
  var userName = "Lister";
  switch (userName) {
      case "Lister" :
      document.write.getElementById("bbref").innerHTML = "Lister Is the Man!";
      break;
      case "Rimmer":
      document.write.getElementById("bbref").innerHTML = "Rimmer is a Smeg head...";
      break;
      default :
      doacument.write.getElementById("bbref").innerHTML = "It's all about \"The Cat\""
  }
  
  &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;header&gt;&lt;/header&gt;
      &lt;section&gt;
          &lt;article&gt;
              &lt;h1 id="bbref"&gt;Test Title&lt;/h1&gt;
          &lt;/article&gt;
      &lt;/section&gt;
  &lt;footer&gt;&lt;/footer&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>