La adición de dos números usando JavaScript

En este programa JavaScript, vamos a aprender cómo tomar de entrada de formulario HTML y complemento de impresión (suma) de números dados de cálculo a través de JavaScript ?

Aquí , estamos tomando el aporte de formulario HTML (usando las etiquetas de entrada) y la impresión de la suma (adición) en el HTML por calcular a través de JavaScript .

El código JavaScript se llamará el botón de enviar evento, cuando vamos a hacer clic en el botón (que se coloca en el archivo HTML).

Considere este código HTML

value1 = <input type="text" id="value1" name="value1" value=""/>
value2 = <input type="text" id="value2" name="value2" value=""/>

hay dos identificadores de valor1 y valor2 que se va a utilizar en la función de JavaScript, JavaScript va a obtener los valores de las siguientes etiquetas de entrada mediante el uso de identificadores de dados ( valor1 valor2 y ).

código JavaScript para añadir estos valores

<script language="javascript">
function addNumbers()
{
var val1 = parseInt(document.getElementById("value1").value);
var val2 = parseInt(document.getElementById("value2").value);
var ansD = document.getElementById("answer");
ansD.value = val1 + val2;
}
</script>

Nota: El código JavaScript está escrito en el plazo de & lt; script de & gt; … & lt; script / & gt; etiqueta.

Aquí , estamos definiendo una función addNumbers () que es cada vez el valor de primera entrada usando parseInt (document.getElementById ( “valor1”) valor.); y segundo de entrada utilizando parseInt (document.getElementById ( “valor2”) valor.); valores están siendo almacenados en las variables val1 val2 y .

variable ANSD se está inicializado con el elemento que tiene ID respuesta , que es el identificador del tercer cuadro de entrada, donde vamos a ser mostrar el resultado.

class , estamos asignando la suma (suma) de val1 val2 y , que mostrará en el tercer cuadro de entrada.

Ver demostración aquí,

DEMO

código HTML con el código JavaScript

<html>
<head>
<title>Add program</title>
<script language="javascript">
function addNumbers()
{
var val1 = parseInt(document.getElementById("value1").value);
var val2 = parseInt(document.getElementById("value2").value);
var ansD = document.getElementById("answer");
ansD.value = val1 + val2;
}
</script>
</head>
<body>
value1 = <input type="text" id="value1" name="value1" value=""/>
value2 = <input type="text" id="value2" name="value2" value=""/>
<input type="button" name="Sumbit" value="Click here" onclick="javascript:addNumbers()"/>
Answer = <input type="text" id="answer" name="answer" value=""/>
</body>
</html>

de salida (resultado)

Addition of two numbers using JavaScript - 4


Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *