从html表单转换为javascript变量

时间:2015-05-21 21:11:00

标签: javascript html

我是编程新手。我正在尝试构建一个程序,所以当用户将2个整数提交到表单中时,它会输出总和。

这是我到目前为止所得到的

<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>

1 个答案:

答案 0 :(得分:1)

您需要使用value来获取输入值:

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

该值将是一个字符串,因此您需要parseInt将其转换为整数:

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