domingo, 23 de febrero de 2025

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

Código del ejercicio: Resta 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 resta = numero1 - numero2;
        document.write(`La resta es: ${resta}`);
    </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:

1. Estructura Básica en HTML

  • <!DOCTYPE html>: Indica que el documento es HTML5.
  • <html lang="es">: Define el idioma del contenido como español.
  • <meta charset="UTF-8">: Permite el uso de caracteres especiales.
  • <title>Ejercicio JavaScript</title>: Define el título de la página.

2. Código JavaScript Explicado

Solicitud de Números

let numero1 = parseFloat(prompt('Ingresar el primer número'));
Explicación: Muestra un cuadro de diálogo para que el usuario ingrese el primer número. Se usa parseFloat() para convertir el texto ingresado en un número decimal.

let numero2 = parseFloat(prompt('Ingresar el segundo número'));
Explicación: Pide el segundo número y lo convierte a decimal.

Cálculo de la Resta

let resta = numero1 - numero2;
Explicación: Realiza la resta entre el primer y segundo número.

Mostrar el Resultado

document.write(`La resta es: ${resta}`);
Explicación: Escribe el resultado de la resta directamente en la página web.

3. ¿Cómo Funciona?

  1. El usuario ingresa dos números.
  2. El programa los convierte a valores numéricos.
  3. Realiza la operación de resta.
  4. Muestra el resultado en la pantalla.

4. Modificación para Restar Más de Dos Números

Si deseas restar más de dos números, puedes utilizar un bucle como en el siguiente código:


<script>
    let cantidad = parseInt(prompt("¿Cuántos números vas a restar?"));
    let resultado = parseFloat(prompt("Ingresa el primer número")); 

    for (let i = 1; i < cantidad; i++) {
        let numero = parseFloat(prompt(`Ingresa el número ${i + 1}`));  
        resultado -= numero;
    }

    document.write(`El resultado de la resta es: ${resultado}`);
</script>
  

Explicación:

  • Pide la cantidad de números que se van a restar.
  • Guarda el primer número como referencia.
  • Usa un bucle for para pedir más números y restarlos al resultado.
  • Muestra el resultado final en la página.

Código del ejercicio: Resta 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 resta = numero1 - numero2 - numero3 - numero4 - numero5;
        document.write(`La resta es: ${resta}`);
    </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:

1. Estructura básica de HTML

  • <!DOCTYPE html>: Define que el documento es HTML5.
  • <html lang="es">: Indica que el idioma del contenido es español.
  • <head>: Contiene metadatos como la codificación (UTF-8) y la configuración de la vista en dispositivos móviles.
  • <title>Ejercicio JavaScript</title>: Define el título de la página.

2. Código JavaScript

El código solicita cinco números al usuario, los resta y muestra el resultado en la página.

Entrada de datos

  • 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'));

prompt() muestra una ventana emergente para que el usuario ingrese un número.
parseFloat() convierte la entrada de texto en un número decimal.

Cálculo de la resta

let resta = numero1 - numero2 - numero3 - numero4 - numero5;

Se realiza la resta de los cinco números ingresados en secuencia.

Salida de datos

document.write(`La resta es: ${resta}`);

document.write() muestra el resultado en la página web.
${resta} usa una plantilla de cadena (template string) para insertar el valor en el texto.

No hay comentarios.:

Publicar un comentario

Ingresar un número entero y mostrar todos los números impares hasta el número ingresado en Python

Código del ejercicio: Con ciclo while numero = int ( input ( "Ingresar un número: " )) if numero ...

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