martes, 5 de abril de 2022

JavaScript: suma de dos números

JavaScript permite, entre otras cosas, realizar cálculos en las páginas web. Así que pensé "en vez de solo mostrar el código fuente también puedo incluir el programa funcionando". La función de JavaScript se invoca desde un formulario HTML.

<form  style="background-color: lightgrey;" > 
<br>
<p>Escribe el primer número : <input id="num1" /> </p>  
<p>Escribe el segundo número : <input id="num2" /> </p>  
<p id="sumando"></p>  
<p> <button onclick="myFunction()" type="button">Sumar</button> </p>   

<script>  
function myFunction() 
 {  
   var x,y,suma,text;  
   x = document.getElementById("num1").value;  
   y = document.getElementById("num2").value;  
   suma=parseFloat(x)+parseFloat(y);  
   text= "La suma es: "+ suma;  
   document.getElementById("sumando").innerHTML = text;  
 }  
</script>  
<br>
<form>

Escribe el primer número :

Escribe el segundo número :


No hay comentarios.:

Publicar un comentario