我在这里尝试执行两个函数,一个使用加法,一个使用乘法。如果我输入 5 和 6,计算按钮将生成 11 和 30。我应该将乘法函数放在这个函数中,还是单独的一个?如果是这样,我如何将它连接到那个按钮?
function calculate() {
tal1 = document.getElementById("tal1").value;
tal2 = document.getElementById("tal2").value;
var answer;
answer = tal1 * 1 + tal2 * 1;
document.getElementById("answer").value = answer;
}
<form id="f1" name="f1">
<input id="tal1" type="text"><br><br>
<input id="tal2" type="text"><br><br>
<input onclick="calculate()" type="button" value="Calculate!"><br><br>
<input id="answer" type="text"><br><br>
<input id="answer" type="text">
</form>
最佳答案
您可以使用一个函数来计算这两个值。
- 在顶部使用声明的变量,
- 拿unary plus
+
用于将字符串转换为数字 - 使用logical OR
||
对于转换为NaN
的字符串值为零,看看truthy和 falsy值(value)观也是如此, - 取唯一
id
用于寻址元素, - 将计算分配给结果元素,
- 拿一个
<button>
element有一个计算事件和type="button"
,否则该按钮将用作提交。
function add(a, b) {
return a + b;
}
function multiply(a, b) {
return a + b;
}
function calculate() {
var tal1 = +document.getElementById("tal1").value || 0,
tal2 = +document.getElementById("tal2").value || 0;
// ^ unary plus, get a number
// ^^^^ check for truthyness, take
// zero if the first operand
// is falsy, like NaN
document.getElementById("sum").value = add(tal1, tal2);
document.getElementById("product").value = multiply(tal1, tal2);
}
<form id="f1" name="f1">
<input id="tal1" type="text"><br><br>
<input id="tal2" type="text"><br><br>
<button onclick="calculate();" type="button">Calculate!</button><br><br>
<input id="sum" type="text"><br><br>
<input id="product" type="text">
</form>
关于javascript - 几个功能,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48322270/