Una operación aritmética opera sobre dos números y los números se llaman operandos.
Multiplicación El operador de multiplicación (*) multiplica dos o más números.
Ejemplo:
var a =1 5; var b = 12; var c = a × b;
Enfoque: Cree el formulario html para tomar la entrada del usuario para realizar la operación de multiplicación. Agregue código javascript dentro de html para realizar la lógica de multiplicación. La propiedad Document.getElementById(id).value devuelve el valor del atributo de valor de un campo de texto.
A continuación se muestra la implementación del enfoque anterior:
HTML
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
body {
margin: 30px;
}
</style>
</head>
<body>
<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>
</html>
Producción:
Multiplicación de 2 números
División El operador de división (/) divide dos o más números.
Ejemplo:
var a = 50; var b = 20; var c = a / b;
Enfoque: Cree el formulario html para tomar la entrada del usuario para realizar la operación de división. Agregue código JavaScript dentro de html para realizar la lógica de división. La propiedad Document.getElementById(id).value devuelve el valor del atributo de valor de un campo de texto.
A continuación se muestra la implementación del enfoque anterior:
HTML
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
body {
margin: 30px;
}
</style>
</head>
<body>
<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>
</html>
Producción:
División de 2 números