javascript - 将两个输入字段加在一起

Question

我一直在尝试从两个输入字段中添加两个值以及一个简单的 js 函数。不工作，请帮助。

<input class = "field1" type="text">
<input class = "field2" type="text">
<p class = "field3"></p>
<button onclick = "calculate()">Calculate</button>

<script>
function calculate(){
let ipt1 = document.getElementsByClassName("field1").value;
let ipt2 = document.getElementsByClassName("field2").value;
let results = document.getElementsByClassName("field3");
let total = Number(ipt1 + ipt2);
return results.innerHTML = total;
}
</script>

标签： javascriptdom

Answer 1

<input class = "field1" type="text">
<input class = "field2" type="text">
<p class = "field3"></p>
<button onclick = "calculate()">Calculate</button>

<script>
function calculate(){
let ipt1 = document.getElementsByClassName("field1")[0].value
let ipt2 = document.getElementsByClassName("field2")[0].value
let results = document.getElementsByClassName("field3")[0]
let total = Number(ipt1) + Number(ipt2)
return results.innerHTML = total;
}
</script>