javascript - 应该对来自用户输入的 2 个数字进行乘法和除法的程序
问题描述
正如您在我的代码中看到的那样,我将来自用户输入的两个值都转换为数字,但是,当我单击按钮执行操作时,它返回 NaN。
这是我的 HTML:
<form id="#form">
<p>1st Number: <input id="number1"></p>
<p>2st Number: <input id="number2"></p>
<button onclick="multiply()">Multiply</button>
<button onclick="divide()">Divide</button>
<br>
<p id="result">The Result Is:</p>
</form>
这是我的 JavaScript:
const num1 = Number(document.getElementById("number1").value);
const num2 = Number(document.getElementById("number2").value);
const multiply = function (num1, num2) {
const result1 = num1 * num2;
document.getElementById("result").innerHTML = result1;
}
const divide = function (num1, num2) {
const result2 = num1 / num2;
document.getElementById("result").innerHTML = result2;
}
解决方案
这是 jQuery 的一种方法
<p>1st Number: <input id="number1"></p>
<p>2st Number: <input id="number2"></p>
<button id="multiply">Multiply</button>
<button id="divide">Divide</button>
<br>
<p>The Result Is: <span id="result"></span></p>
JS
$( document ).ready(function() {
$('button').click(function() {
let choice = this.id;
let n1 = $('#number1').val();
let n2 = $('#number2').val();
let result = 0;
if(n1 != 0 && n2 != 0){
if(choice == "multiply"){
result = n1*n2;
}else{
result = n1/n2;
};
$('#result').html(result);
}else{
$('#result').html("Input empty");
}
});
});
推荐阅读
- python - PyMongo 对列表中的项目进行全文搜索
- python - Anaconda 提示符自动关闭
- tensorflow - categorical_crossentropy 损失形状中的 ValueError
- html - 页脚未出现在本地主机服务器上
- python - 虽然不在嵌套列表 PYTHON 中工作
- docker - Docker:使用 --volume 绑定挂载的文件权限
- github - 如何对github上的文件进行编号,以便它们按顺序出现?
- c++ - 检查类型是否直接派生自“启用 if”上下文中的另一种类型(是其子类型)
- ztree - 如何将来自项目的多个输入数据组合到ztree中的一个(字符串)变量?
- android - canvas.scale 与枢轴,鼠标坐标