Código del ejercicio: Multiplicación de dos números
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 mediante cuadros de diálogo, los multiplica y finalmente muestra el resultado en la página web.
Código
<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 línea por línea
| Código | Explicación sencilla |
|---|---|
| let numero1 = parseFloat(prompt('Ingresar el primer número')); | Muestra una ventana para que el usuario escriba el primer número. prompt() captura el dato y parseFloat() lo convierte en un número decimal para poder realizar operaciones matemáticas. |
| let numero2 = parseFloat(prompt('Ingresar el segundo número')); | Solicita el segundo número y también lo convierte a un valor numérico usando parseFloat(). |
| let multiplicacion = numero1 * numero2; | Multiplica el primer número por el segundo utilizando el operador *. El resultado se guarda en la variable multiplicacion. |
| document.write(`La multiplicación es: ${multiplicacion}`); | Muestra en la página web el texto "La multiplicación es:" junto con el resultado obtenido. |
¿Cómo funciona el programa?
- Solicita el primer número.
- Solicita el segundo número.
- Multiplica ambos números.
- Muestra el resultado en la página web.
Ejemplo de ejecución
Entrada:
- Primer número: 8
- Segundo número: 6
Salida:
La multiplicación es: 48
Multiplicación de dos o más números
El operador * puede multiplicar más de dos números. Solo debes agregar más variables en la operación.
let resultado = numero1 * numero2 * numero3 * numero4;
En este caso, JavaScript multiplicará todos los números de izquierda a derecha y guardará el resultado final en la variable resultado.
Resumen:
✔ prompt() solicita un dato al usuario.
✔ parseFloat() convierte el texto en un número decimal.
✔ * realiza la multiplicación.
✔ document.write() muestra el resultado en la página web.
Este mismo procedimiento puede utilizarse para multiplicar dos, tres o más números.
✔ prompt() solicita un dato al usuario.
✔ parseFloat() convierte el texto en un número decimal.
✔ * realiza la multiplicación.
✔ document.write() muestra el resultado en la página web.
Este mismo procedimiento puede utilizarse para multiplicar dos, tres o más números.
Código del ejercicio: Multiplicación de cinco números
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 emergentes (prompt), los multiplica entre sí y finalmente muestra el resultado en la página web utilizando document.write().
Explicación del código
| Código | Explicación sencilla |
|---|---|
<!DOCTYPE html>
|
Indica que el documento utiliza la versión moderna de HTML5. |
<html lang="es">
|
Indica que el idioma principal de la página es español. |
<head>
|
Contiene la información de configuración de la página. |
<meta charset="UTF-8">
|
Permite utilizar correctamente letras como ñ, tildes y otros caracteres especiales. |
<meta name="viewport">
|
Hace que la página sea adaptable a celulares y tablets. |
<title>Ejercicio JavaScript</title>
|
Define el título que aparece en la pestaña del navegador. |
<body>
|
Contiene todo el contenido visible de la página. |
<script>
|
Aquí comienza el código JavaScript. |
let numero1 = parseFloat(prompt('Ingresar el primer número'));
|
Solicita el primer número al usuario y lo convierte en un número decimal mediante parseFloat(). |
let numero2 = parseFloat(prompt('Ingresar el segundo número'));
|
Solicita el segundo número y lo convierte en un número decimal. |
let numero3 = parseFloat(prompt('Ingresar el tercer número'));
|
Solicita el tercer número al usuario. |
let numero4 = parseFloat(prompt('Ingresar el cuarto número'));
|
Solicita el cuarto número y lo guarda en una variable. |
let numero5 = parseFloat(prompt('Ingresar el quinto número'));
|
Solicita el quinto número al usuario. |
let multiplicacion = numero1 * numero2 * numero3 * numero4 * numero5;
|
Multiplica los cinco números utilizando el operador * y guarda el resultado en la variable multiplicacion. |
document.write(`La multiplicación es: ${multiplicacion}`);
|
Muestra el resultado de la multiplicación dentro de la página web. |
</script>
|
Finaliza el código JavaScript. |
</body>
|
Finaliza el contenido visible de la página. |
</html>
|
Indica el final del documento HTML. |
¿Cómo funciona el programa?
- Solicita cinco números al usuario.
- Convierte cada dato ingresado en un número decimal con parseFloat().
- Multiplica todos los números utilizando el operador *.
- Guarda el resultado en la variable multiplicacion.
- Finalmente muestra el resultado en la página web mediante document.write().
Código original
<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>
No hay comentarios.:
Publicar un comentario