¿Cómo hacer una suma en JavaScript?

JavaScript es un lenguaje de programación muy versátil que se utiliza comúnmente en el desarrollo web. Una de las operaciones más básicas que podemos realizar es una suma. A continuación, te explicamos cómo hacer una suma en JavaScript paso a paso, tanto utilizando variables como tomando valores de un formulario HTML.

Sumar números en JavaScript

Para realizar una suma simple en JavaScript, puedes utilizar el operador + entre dos o más números. A continuación te mostramos un ejemplo básico de suma:

let numero1 = 5;
let numero2 = 10;

let suma = numero1 + numero2;
console.log(suma);

En este ejemplo, hemos declarado dos variables numero1 y numero2, luego las sumamos usando el operador + y mostramos el resultado en la consola.

Suma de valores ingresados por el usuario con prompt

Para interactuar con el usuario y permitirle ingresar números, podemos usar el método prompt(). Este método abre una ventana emergente donde el usuario puede escribir un valor. Aquí te mostramos un ejemplo de cómo sumar dos números ingresados por el usuario:

let numero1 = parseFloat(prompt("Ingresa el primer número:"));
let numero2 = parseFloat(prompt("Ingresa el segundo número:"));

let suma = numero1 + numero2;
alert("El resultado de la suma es: " + suma);

Es importante utilizar parseFloat() o parseInt() para convertir las entradas de texto en números. Si no hacemos esta conversión, el operador + concatenaría las cadenas de texto en lugar de sumar los números.

Suma en un formulario HTML con JavaScript

Si deseas realizar una suma utilizando un formulario en HTML, puedes hacerlo de la siguiente manera. Este ejemplo te permitirá sumar dos números que el usuario ingrese en un formulario y mostrar el resultado en la página.

Codigo HTML

<form>
  <label for="numero1">Número 1:</label>
  <input type="number" id="numero1">
  
  <label for="numero2">Número 2:</label>
  <input type="number" id="numero2">

  <button type="button" onclick="sumar()">Sumar</button>
</form>

<p>Resultado: <span id="resultado"></span></p>

Codigo JS

function sumar() {
  let numero1 = parseFloat(document.getElementById("numero1").value);
  let numero2 = parseFloat(document.getElementById("numero2").value);

  let suma = numero1 + numero2;
  document.getElementById("resultado").textContent = suma;
}

En este ejemplo, los valores ingresados en los campos de texto son capturados mediante document.getElementById(), convertidos a números con parseFloat(), y luego sumados. El resultado se muestra en el elemento <span> con el id resultado.

Suma acumulativa en JavaScript

Una suma acumulativa es aquella en la que el valor se va sumando de manera continua. Aquí te mostramos un ejemplo de cómo hacer una suma acumulativa en JavaScript utilizando un bucle:

let sumaAcumulada = 0;

for (let i = 1; i <= 5; i++) {
  sumaAcumulada += i;
}

console.log(sumaAcumulada);

Este código suma todos los números del 1 al 5 y almacena el resultado en sumaAcumulada.

JavaScript ofrece múltiples formas de realizar sumas, ya sea directamente en el código o tomando valores de un formulario HTML. Puedes utilizar operadores básicos, funciones de interacción como prompt(), o crear formularios interactivos para realizar estas operaciones. ¡Experimenta con estas opciones y lleva tus habilidades de programación al siguiente nivel!