Getting from html form to javascript variable

Question

I'm new to programming. I'm trying to build a program so when a user submits 2 integers into the form, it outputs the sum.

Here's what I got so far

<html>
<h1> The Adder </h1>
<form>
  Enter your first number<input type="text" id='a'> <br>
  Enter your second number<input type="text"id='b' <br>
  <input type= "button" onclick='add()' value="Submit"/>
</form>
<script>
function add(){
    var avalue= document.getElementById('a');
    var bvalue= document.getElementById('b');

    alert(avalue+bvalue); 
}
</script>
</html>

You should use: var avalue= document.getElementById('a').value; AND var bvalue= document.getElementById('b').value; — The Guest
– The Guest, Commented May 21, 2015 at 21:12

Samurai · Accepted Answer · 2015-05-21 21:13:24Z

1

You need to use value to get the value of the input:

var avalue= document.getElementById('a').value;

And the value will be a string, so you'll need parseInt to convert it to integer:

var avalue= parseInt(document.getElementById('a').value);

answered May 21, 2015 at 21:13

Samurai

3,7295 gold badges29 silver badges41 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Getting from html form to javascript variable

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related