domingo, 23 de febrero de 2025

Multiplicación de dos números o más números en JavaScript

Código del ejercicio: Multiplicación 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 multiplicacion = numero1 * numero2;
        document.write(`La multiplicación es: ${multiplicacion}`);
    </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 HTML

<!DOCTYPE html>: Define el documento como HTML5.

<html lang="es">: Establece el idioma del documento en español.

<head>: Contiene metadatos y configuraciones.

  • <meta charset="UTF-8">: Permite caracteres especiales como tildes y ñ.
  • <meta name="viewport" content="width=device-width, initial-scale=1.0">: Hace que la página sea adaptable.
  • <title>Ejercicio JavaScript</title>: Define el título de la pestaña del navegador.

2. Código JavaScript

       
<script>
    let numero1 = parseFloat(prompt('Ingresar el primer número'));
    let numero2 = parseFloat(prompt('Ingresar el segundo número'));  
    let multiplicacion = numero1 * numero2;
    document.write(`La multiplicación es: ${multiplicacion}`);
</script>
  

Explicación paso a paso:

  • prompt('Ingresar el primer número'): Muestra un cuadro para que el usuario ingrese un número.
  • parseFloat(...): Convierte el texto ingresado en un número decimal.
  • let numero1 = parseFloat(prompt(...)): Guarda el número ingresado en la variable numero1.
  • let numero2 = parseFloat(prompt(...)): Guarda el segundo número en numero2.
  • let multiplicacion = numero1 * numero2;: Multiplica ambos números y almacena el resultado.
  • document.write(...): Muestra el resultado en la página web.

¿Cómo funciona?

El usuario ingresa dos números cuando se lo solicita prompt(). Luego, esos valores se convierten en números y se multiplican. Finalmente, el resultado se muestra en la página usando document.write().

Código del ejercicio: Multiplicación 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 multiplicacion = numero1 * numero2 * numero3 * numero4 * numero5;
        document.write(`La multiplicación es: ${multiplicacion}`);
    </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 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 compatibilidad con navegadores.

<title>: Establece el título de la página.

2. Código JavaScript

Dentro de la etiqueta <script> se encuentra el código JavaScript que realiza la operación.

Solicitar números al usuario

Se usa la función prompt() para pedir al usuario cinco números. parseFloat() convierte la entrada de texto en un número decimal.


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

Realizar la multiplicación

Se multiplican los cinco números ingresados y el resultado se almacena en la variable multiplicacion.


let multiplicacion = numero1 * numero2 * numero3 * numero4 * numero5;  
  

Mostrar el resultado

Se usa document.write() para escribir el resultado en la página.


document.write(`La multiplicación es: ${multiplicacion}`);  
  

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