sábado, 22 de febrero de 2025

Suma de dos números o más números en JavaScript

Código del ejercicio: Suma de dos números

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Ejercicio JavaScript</title>
</head>
<body>
    <script>
        let numero1 = parseFloat(prompt('Ingresar el primer número'));
        let numero2 = parseFloat(prompt('Ingresar el segundo número'));
        let suma = numero1 + numero2;
        document.write(`La suma es: ${suma}`);
    </script>
</body>
</html>

Definición de los códigos del ejercicio:

<script></script> --> contiene comandos u ordenes que se van ejecutando de manera secuencial y comúnmente se utilizan para controlar el comportamiento de un programa en específico o para interactuar con el sistema operativo.
let --> permite declarar variables limitando su alcance (scope) al bloque, declaración, o expresión donde se está usando.
parseFloat() --> analiza un argumento (si es necesario, lo convierte en una cadena) y devuelve un número de coma flotante.
prompt() --> muestra un cuadro de diálogo con mensaje opcional, que solicita al usuario que introduzca un texto.
document.write --> imprime el texto especificado en la página.
${} --> los literales de plantilla (cadenas de plantilla) le permiten utilizar cadenas o expresiones incrustadas en forma de cadena.

Explicación del Código:

Este programa solicita al usuario dos números, los suma y muestra el resultado en la página web. Es uno de los ejercicios básicos para aprender a trabajar con variables, entrada de datos y operaciones matemáticas en JavaScript.

Código del ejercicio

let numero1 = parseFloat(prompt('Ingresar el primer número'));
let numero2 = parseFloat(prompt('Ingresar el segundo número'));  
let suma = numero1 + numero2;
document.write(`La suma es: ${suma}`);

Explicación de cada línea

  • 1. Declaración de la primera variable
    let numero1 = parseFloat(prompt('Ingresar el primer número'));

    Se crea la variable numero1. La función prompt() muestra una ventana donde el usuario escribe el primer número. Como el dato ingresado es texto, parseFloat() lo convierte en un número decimal para poder realizar operaciones matemáticas.

  • 2. Declaración de la segunda variable
    let numero2 = parseFloat(prompt('Ingresar el segundo número'));

    Se crea la variable numero2. Nuevamente, prompt() solicita otro número y parseFloat() lo convierte a un valor numérico.

  • 3. Suma de los dos números
    let suma = numero1 + numero2;

    Se crea la variable suma, que almacena el resultado de sumar los valores de numero1 y numero2.

  • 4. Mostrar el resultado
    document.write(`La suma es: ${suma}`);

    La función document.write() escribe el resultado directamente en la página web. Las comillas invertidas (` `) permiten insertar el valor de la variable suma utilizando ${}.

¿Cómo funciona el programa?

  1. El usuario ingresa el primer número.
  2. El usuario ingresa el segundo número.
  3. JavaScript convierte ambos valores a números decimales.
  4. Se realiza la suma de los dos números.
  5. El resultado se muestra en la página web.

Ejemplo de ejecución

Ingresar el primer número: 15 Ingresar el segundo número: 20 Resultado: La suma es: 35

¿Cómo sumar más de dos números?

Para sumar más números, solo es necesario crear nuevas variables, pedir los valores al usuario y agregarlos a la operación de suma.

let numero1 = parseFloat(prompt("Número 1")); let numero2 = parseFloat(prompt("Número 2")); let numero3 = parseFloat(prompt("Número 3")); let suma = numero1 + numero2 + numero3; document.write(`La suma es: ${suma}`);

Si se necesitan sumar muchos números, también se puede utilizar un ciclo for o while, lo que evita crear una variable para cada número y hace el programa más eficiente.

Código del ejercicio: Suma de cinco números

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Ejercicio JavaScript</title>
</head>
<body>
    <script>
        let numero1 = parseFloat(prompt('Ingresar el primer número'));
        let numero2 = parseFloat(prompt('Ingresar el segundo número'));
        let numero3 = parseFloat(prompt('Ingresar el tercer número'));
        let numero4 = parseFloat(prompt('Ingresar el cuarto número'));
        let numero5 = parseFloat(prompt('Ingresar el quinto número'));
        let suma = numero1 + numero2 + numero3 + numero4 + numero5;
        document.write(`La suma es: ${suma}`);
    </script>
</body>
</html>

Definición de los códigos del ejercicio:

<script></script> --> contiene comandos u ordenes que se van ejecutando de manera secuencial y comúnmente se utilizan para controlar el comportamiento de un programa en específico o para interactuar con el sistema operativo.
let --> permite declarar variables limitando su alcance (scope) al bloque, declaración, o expresión donde se está usando.
parseFloat() --> analiza un argumento (si es necesario, lo convierte en una cadena) y devuelve un número de coma flotante.
prompt() --> muestra un cuadro de diálogo con mensaje opcional, que solicita al usuario que introduzca un texto.
document.write --> imprime el texto especificado en la página.
${} --> los literales de plantilla (cadenas de plantilla) le permiten utilizar cadenas o expresiones incrustadas en forma de cadena.

Explicación del Código:

¿Qué hace este programa?

Este programa solicita al usuario cinco números mediante cuadros de diálogo (prompt), los convierte en números decimales, los suma y finalmente muestra el resultado en la página web.

Explicación de cada parte del código

  1. Solicitar el primer número let numero1 = parseFloat(prompt('Ingresar el primer número'));

    prompt() muestra una ventana para que el usuario escriba un número.

    parseFloat() convierte el dato ingresado en un número decimal para poder realizar operaciones matemáticas.

    El valor se almacena en la variable numero1.

  2. Solicitar los demás números let numero2 = parseFloat(prompt('Ingresar el segundo número')); let numero3 = parseFloat(prompt('Ingresar el tercer número')); let numero4 = parseFloat(prompt('Ingresar el cuarto número')); let numero5 = parseFloat(prompt('Ingresar el quinto número'));

    Estas instrucciones hacen exactamente lo mismo que la anterior, pero guardan cada número en una variable diferente.

  3. Sumar todos los números let suma = numero1 + numero2 + numero3 + numero4 + numero5;

    Se utiliza el operador + para sumar los cinco valores almacenados en las variables. El resultado se guarda en la variable suma.

  4. Mostrar el resultado document.write(`La suma es: ${suma}`);

    document.write() escribe el resultado en la página web.

    ${suma} inserta el valor almacenado en la variable suma dentro del texto.

Resumen

El programa sigue estos pasos:

  1. Solicita cinco números al usuario.
  2. Convierte cada dato en un número decimal con parseFloat().
  3. Suma todos los números.
  4. Muestra el resultado utilizando document.write().

No hay comentarios.:

Publicar un comentario

Encontrar todas las posiciones de un carácter x de una cadena en Python

Código del ejercicio: s = input ( "Ingresar texto: " ) x = input ( "Ingresar carácter: ...

Copyright © Ejercicios de programación. Todos los derechos reservados. ❤️