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:

Este programa en JavaScript solicita al usuario dos números mediante ventanas de entrada, realiza la resta entre ellos y muestra el resultado en la página web. Si deseas restar más números, simplemente puedes continuar restando los siguientes valores al resultado obtenido.

1. Estructura del documento HTML
<!DOCTYPE html> <html lang="es"> <head> ... </head> <body> ... </body> </html>

Esta parte crea la estructura básica de una página web. Define que el documento es HTML5, establece el idioma en español y prepara el espacio donde se ejecutará el código JavaScript.

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

Se muestra una ventana para que el usuario escriba el primer número. La función parseFloat() convierte el texto ingresado en un número decimal para poder realizar operaciones matemáticas.

3. Solicitar el segundo número
let numero2 = parseFloat(prompt('Ingresar el segundo número'));

Se solicita un segundo número y también se convierte a un valor numérico mediante parseFloat().

4. Realizar la resta
let resta = numero1 - numero2;

Aquí se resta el segundo número al primero y el resultado se guarda en la variable resta.

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

La función document.write() muestra el resultado de la resta directamente en la página web. La expresión ${resta} inserta el valor calculado dentro del texto.

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

Para restar tres o más números, basta con agregar más variables y continuar la operación. Por ejemplo: let numero1 = 50; let numero2 = 10; let numero3 = 5; let numero4 = 2; let resta = numero1 - numero2 - numero3 - numero4; En este ejemplo el cálculo sería: 50 - 10 - 5 - 2 = 33 Es decir, JavaScript puede restar tantos números como necesites utilizando el operador -.

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:

Este programa solicita al usuario cinco números mediante ventanas de entrada. Después resta todos los valores en el mismo orden en que fueron ingresados y finalmente muestra el resultado de la operación en la página web.

1. Declaración del documento HTML

<!DOCTYPE html>

Indica que el documento utiliza la versión HTML5.

2. Inicio del documento

<html lang="es">

Comienza la página HTML y especifica que el idioma es español.

3. Sección <head>

<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>

<meta charset="UTF-8">: Permite mostrar correctamente letras y símbolos.

<meta http-equiv="X-UA-Compatible">: Mejora la compatibilidad con algunos navegadores.

<meta name="viewport">: Hace que la página se adapte correctamente a dispositivos móviles.

<title>: Define el nombre que aparece en la pestaña del navegador.

4. Inicio del cuerpo de la página

<body>

Contiene todo el contenido visible y el código JavaScript que ejecutará el programa.

5. Inicio del script

<script>

Indica que a continuación se escribirá código JavaScript.

6. Solicitar los números

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 para que el usuario escriba un número.

parseFloat() convierte el texto ingresado en un número decimal.

let crea una variable donde se guarda cada número.

7. Realizar la resta

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

Se realiza la operación restando cada número al anterior y el resultado se guarda en la variable resta.

Por ejemplo:

10 - 2 - 3 - 1 - 2 = 2

8. Mostrar el resultado

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

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

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

9. Fin del script y del documento

</script> </body> </html>

Estas etiquetas indican el final del código JavaScript, del cuerpo de la página y del documento HTML.

Resumen del funcionamiento

El programa solicita cinco números al usuario.

Convierte cada dato ingresado en un número.

Resta todos los números en el orden indicado.

Finalmente muestra el resultado de la resta en la página web.

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. ❤️