title: Why won't this output anything?
body: <p>For some reason I can't seem to get this program to output and also can't think of what I might have done wrong. I've tried it in a few different browsers and keep getting the same result, which is nothing happens</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-html lang-html prettyprint-override"><code>&lt;html&gt;
    &lt;title&gt;Activity&lt;/title&gt;
    &lt;head&gt;
      &lt;script type="text/javascript"&gt;
        function outputData(studentData) {
          var studentFirstName = studentData.firstname.value;
          var studentLastName = studentData.lastname.value;
          var studentAge = studentData.age.value;
          var sA = document.GetElementById("A").checked;
          var sWR = document.GetElementById("WR").checked;
          var sC = document.GetElementById("C").checked;
          var sP = document.GetElementById("P").checked;
  
          document.write("" + studentFirstName + "&lt;/br&gt;" + studentLastName + "&lt;/br&gt;" + studentAge + "&lt;/br&gt;");
          if (sA) document.write("" + Anthropology + "&lt;/br&gt;");
          if (sWR) document.write("" + World Religion + "&lt;/br&gt;");
          if (sC) document.write("" + Criminology + "&lt;/br&gt;");
          if (sP) document.write("" + Philosophy + "&lt;/br&gt;");
        }
      &lt;/script&gt;
    &lt;/head&gt;
    &lt;p&gt;Enter Student Details&lt;/br&gt;&lt;/p&gt;
    &lt;form name="studentData" action="" method="GET"&gt;
      First name:&lt;input type="text" name="firstname" value=""&gt;&lt;br&gt;
      &lt;br&gt;Last name:&lt;input type="text" name="lastname" value=""&gt;&lt;br&gt;
      &lt;br&gt;Age:&lt;input type="text" name="age" value=""&gt;&lt;br&gt;&lt;br&gt;
      Select your choice of subjects:&lt;br&gt;
      &lt;input type="checkbox" id="A" name="subject" value="Anthropology"&gt;Anthropology&lt;br&gt;
      &lt;input type="checkbox" id="WR" name="subject" value="World Religion"&gt;World Religion&lt;br&gt;
      &lt;input type="checkbox" id="C" name="subject" value="Criminology"&gt;Criminology&lt;br&gt;
      &lt;input type="checkbox" id="P" name="subject" value="Philosophy"&gt;Philosophy&lt;br&gt;
      &lt;input type="button" value="Submit" onClick="outputData(this.form)"&gt;&lt;br&gt;
    &lt;/form&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Sorry if this has a really simple solution, I'm only just started learning HTML.</p>