title: new to javascript have a question about web front end
body: <p>Write a function named "additionCalculator" that that doesn't take any parameters and doesn't return a value. This function will control the logic for a web-based calculator that adds two numbers (You can make more complex calculators this way, but we'll only add numbers for now so we can focus on the concept). There will be two text boxes on the web page with ids of "input_one" and "input_two" and an empty div with an id of "sum". Read the values of the two text boxes and write the addition of these two values inside the div. Note that every value you read from the page will be a string and you'll need to convert them to Numbers to perform the addition.</p>
  
  <p>my code so far:</p>
  
  <pre><code>    function additionCalculator(){
          var one=document.getElementById("input_one").value;
          var two=document.getElementById("input_two").value;
          var my_js_variable = one + two;
          document.getElementById("sum").innerHTML = my_js_variable;
  
  
      }
  
  this is the output:
  
  html: "&lt;html&gt;
  &lt;head&gt;
  &lt;script src="myCode.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div id="sum"&gt;2-88&lt;/div&gt;
  &lt;input type="text" id="input_one" value="2"/&gt;
  &lt;input type="text" id="input_two" value="-88"/&gt;
  &lt;button onclick="additionCalculator();"&gt;Add&lt;/button&gt;
  &lt;/body&gt;
  &lt;/html&gt;"
  expected: "&lt;html&gt;
  &lt;head&gt;
  &lt;script src="myCode.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div id="sum"&gt;-86&lt;/div&gt;
  &lt;input type="text" id="input_one" value="2"/&gt;
  &lt;input type="text" id="input_two" value="-88"/&gt;
  &lt;button onclick="additionCalculator();"&gt;Add&lt;/button&gt;
  &lt;/body&gt;
  &lt;/html&gt;"
  </code></pre>
  
  <p>how can i make it so it adds the values from the first two inputs? thanks.</p>
  
  <p>edit:</p>
  
  <p>solved the answer due to help from below thank you!!!!</p>