title: Why is there no output with this javascript code? What am I missing?
body: <p>Here is some sample code I wrote because I have a harder assignment that isn't working, and now, I cant even get this to work. Just trying to display the output of adding two numbers together, what am I missing? </p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;title&gt;Sample&lt;/title&gt;
      &lt;script type="text/javascript"&gt;
          function Add() {
              var n1 = document.getElementById("numOne").value;
              var n2 = document.getElementById("numTwo").value;
              var total = n1 + n2;
  
              document.getElementById("output").innerHTML = total;
          }
      &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;h1&gt;Calc&lt;/h1&gt;&lt;br /&gt;
      &lt;form method="post" action=""&gt;
          NUM 1: &lt;input type="number" name="numOne" id="numOne" /&gt;&lt;br /&gt;
  
          NUM 2: &lt;input type="number" name="numTwo" id="numTwo" /&gt;&lt;br /&gt;
  
          &lt;input type="button" value="Add" onclick="ADD()" /&gt;&lt;br /&gt;
  
          Result: &lt;label id="output"&gt;&lt;/label&gt;
      &lt;/form&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>