将HTML输入值作为JavaScript函数参数传递 [英] Passing HTML input value as a JavaScript Function Parameter
本文介绍了将HTML输入值作为JavaScript函数参数传递的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我是JavaScript新手,我想弄清楚如何将用户输入的值作为参数传递给JavaScript函数。这是我的代码:
I am new to JavaScript, and I'm trying to figure out how to pass user-inputted values as a parameter to a JavaScript function. Here is my code:
<body>
<h1>Adding 'a' and 'b'</h1>
<form>
a: <input type="number" name="a" id="a"><br>
b: <input type="number" name="b" id="a"><br>
<button onclick="add(a,b)">Add</button>
</form>
<script>
function add(a,b) {
var sum = a + b;
alert(sum);
}
</script>
</body>
推荐答案
一种方法是使用 document.getElementByID
<body>
<h1>Adding 'a' and 'b'</h1>
a: <input type="number" name="a" id="a"><br>
b: <input type="number" name="b" id="b"><br>
<button onclick="add(document.getElementById('a').value,document.getElementById('b').value)">Add</button>
<script>
function add(a,b) {
var sum = parseInt(a) + parseInt(b);
alert(sum);
}
</script>
</body>
这篇关于将HTML输入值作为JavaScript函数参数传递的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文