Como sumar dos números con JavaScript
Para empezar, se debe crear un archivo html con la estructura ya conocida de las etiquetas <html>, <head>, <body>. Dentro de las etiquetas se debe utilizar la etiqueta <form>, en la cual utilizaremos la propiedad name, con el cual identificaremos al formulario, de la siguiente manera:
Necesitaremos tres cajones de texto y un botón, el cual después de hacer click ejecutara la suma. Para eso utilizaremos la etiqueta <input> dentro de la etiqueta <form>. A cada elemento creado con la etiqueta <input>, le modificaremos la propiedad type, para conseguir cajones de texto o botones. Con la propiedad name identificaremos a cada uno de ellos, de la siguiente manera:
Como se puede notar en la imagen anterior, tres de los elementos en propiedad type tienen escrito text, para conseguir cajones de texto, y uno tiene escrito button para conseguir un botón. Además en el elemento de tipo botón hay una propiedad llamada onClick, la cual sirve para asignarle al botón la función que debe de ejecutar al ser clickeado
Teniendo ya lista la parte visible de la pagina, ahora se creara la lógica. Para ello dentro de la etiqueta <head> utilizaremos la etiqueta <script> de la siguiente manera: En ambas maneras se le dice al navegador que se utilizará una secuencia de comandos tipo JavaScript
Dentro de la etiqueta <script> se debe crear una función que debe llamarse de la misma manera como la llamamos con la propiedad onClick del botón, de la siguiente manera:
Dentro de los corchetes de la función creada se debe de escribir los pasos a seguir. Primero conseguimos los datos escritos en los dos cajones y los almacenamos en dos variables, de la siguiente manera:
Luego realizamos la suma de las dos variables y almacenamos el resultado en otra variable, de la siguiente manera: Por ultimo se imprime el resultado en pantalla, así:
Al final debería tener un documento como el siguiente: