title: HTML javascript function issue. [object HTMLInputElement] error output
body: <p>I am trying to make a simple html page with two text boxes and an a button that adds the two numbers together when clicked. In my output, I am only getting <code>[object HTMLInputElement]</code>.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>function addNumbers(A, B){
    var answer = A + B;
    document.getElementById("testResult").innerHTML = answer;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;input type="text" value="15" id="varA"&gt;
  &lt;input type="text" value="30" id="varB"&gt;
  &lt;input type="button" value="Add" onclick="addNumbers(varA, varB)"&gt;
  &lt;h1 id="testResult"&gt;&lt;/h1&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Any help would be appreciated. I tried changing <code>.innerHTML</code> to <code>.value</code> already but then I get nothing at all as a result. </p>