JavaScript 如何计算两个数字的乘法和除法
在本文中,我们将看到如何使用JavaScript进行乘法和除法的计算。计算操作是对两个数字进行操作,这些数字被称为操作数。
乘法 乘法运算符(*)用于乘法运算并返回操作数的乘积。
语法:
a*b
示例:
let a =15;
let b = 12;
let c = a × b;
方法1
创建HTML表单以从用户那里获取输入,执行乘法运算。在html中添加javascript代码来执行乘法逻辑。Document.getElementById(id).value属性返回文本字段的值属性的值。
示例: 在此示例中,我们将使用乘法运算符来相乘两个数字。
<body style="margin: 30px">
<h1 style="color:green">GeeksforGeeks</h1>
<h3>Multiplication using Javascript</h3>
<form>
1st Number : <input type="text" id="firstNumber" /><br>
2nd Number: <input type="text" id="secondNumber" /><br>
<input type="button" onClick="multiplyBy()" Value="Multiply" /><br>
</form>
<p>The Result is : <br>
<span id="result"></span>
</p>
<script>
function multiplyBy()
{
num1 = document.getElementById(
"firstNumber").value;
num2 = document.getElementById(
"secondNumber").value;
document.getElementById(
"result").innerHTML = num1 * num2;
}
</script>
</body>
输出:

Division 除法运算符 (/) 用于除法算术运算。被除数称为“被除数”,除数称为“除数”。“商”是除法运算后的结果值。
语法:
a / b
示例:
let a = 50;
let b = 20;
let c = a / b;
方法2
创建HTML表单以从用户获取输入,执行除法操作。将JavaScript代码添加到HTML中以执行除法逻辑。Document.getElementById(id).value属性返回文本字段的value属性的值。
示例: 以下是上述方法的实现:
<body style="margin: 30px">
<h1 style="color:green">GeeksforGeeks</h1>
<h3>Division using Javascript</h3>
<form>
1st Number : <input type="text" id="firstNumber" /><br>
2nd Number: <input type="text" id="secondNumber" /><br>
<input type="button" onClick="divideBy()" Value="Divide" />
</form>
<p>The Result is : <br>
<span id="result"></span>
</p>
<script>
function divideBy()
{
num1 = document.getElementById(
"firstNumber").value;
num2 = document.getElementById(
"secondNumber").value;
document.getElementById(
"result").innerHTML = num1 / num2;
}
</script>
</body>
输出:

极客教程