Código del ejercicio:
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.
parseInt() --> analiza un valor como una cadena y devuelve el primer entero.
prompt() --> muestra un cuadro de diálogo con mensaje opcional, que solicita al usuario que introduzca un texto.
if --> se usa para especificar un bloque de código que se ejecutará, si una condición especificada es verdadera.
else if --> se usa para especificar una nueva condición para probar, si la primera condición es falsa.
else --> se usa para especificar un bloque de código a ejecutar, si la misma condición es falsa.
<= --> el operador menor o igual ( <= ) devuelve true si el operando izquierdo es menor o igual que el operando derecho, y en false caso contrario.
< --> el operador menor que ( < ) devuelve true si el operando izquierdo es menor que el operando derecho.
&& --> el operador lógico AND ( && ) (conjunción lógica) para un conjunto de operandos booleanos será true si y solo si todos los operandos son true. De lo contrario será false.
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. Declaración del Documento HTML
Se define el tipo de documento como HTML5 y se especifica el idioma en español.
<!DOCTYPE html>
<html lang="es">
2. Encabezado (<head>) con metadatos
Se establece la codificación UTF-8, compatibilidad con IE y configuración para dispositivos móviles.
<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>
3. Solicitud de números al usuario
Se utilizan prompt() y parseInt() para solicitar y convertir los valores.
let num1 = parseInt(prompt('Ingrese el primer número'));
let num2 = parseInt(prompt('Ingrese el segundo número'));
let num3 = parseInt(prompt('Ingrese el tercer número'));
4. Determinar el número menor
Se comparan los tres números ingresados usando condicionales.
let menor;
if(num1 <= num2 && num1 <= num3){
menor = num1;
}else if(num2 <= num1 && num2 <= num3){
menor = num2;
}else{
menor = num3;
}
5. Mostrar el resultado
Se usa document.write() para escribir el resultado en la página.
document.write(`El número menor es: ${menor}`);
Código del ejercicio: Otra forma de hacer
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.
parseInt() --> analiza un valor como una cadena y devuelve el primer entero.
prompt() --> muestra un cuadro de diálogo con mensaje opcional, que solicita al usuario que introduzca un texto.
if --> se usa para especificar un bloque de código que se ejecutará, si una condición especificada es verdadera.
else if --> se usa para especificar una nueva condición para probar, si la primera condición es falsa.
else --> se usa para especificar un bloque de código a ejecutar, si la misma condición es falsa.
<= --> el operador menor o igual ( <= ) devuelve true si el operando izquierdo es menor o igual que el operando derecho, y en false caso contrario.
< --> el operador menor que ( < ) devuelve true si el operando izquierdo es menor que el operando derecho.
&& --> el operador lógico AND ( && ) (conjunción lógica) para un conjunto de operandos booleanos será true si y solo si todos los operandos son true. De lo contrario será false.
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 código tiene como objetivo determinar cuál es el número menor de tres números ingresados por el usuario en JavaScript. A continuación, se explica cada parte del código:
1. Estructura HTML
- <!DOCTYPE html>: Indica que es un documento HTML5.
- <html lang="es">: Define el idioma de la página como español.
- <head>: Contiene información sobre la página, como la codificación de caracteres (<meta charset="UTF-8">) y el título (<title>Ejercicio JavaScript</title>).
- <body>: Es el cuerpo del documento, donde se ejecutará el código JavaScript.
2. Código JavaScript
- let num1 = parseInt(prompt('Ingrese el primer número'));: Muestra un cuadro de diálogo (prompt) para que el usuario ingrese un número. La función parseInt() convierte la entrada en un número entero.
- let num2 = parseInt(prompt('Ingrese el segundo número'));: Solicita el segundo número al usuario de la misma manera.
- let num3 = parseInt(prompt('Ingrese el tercer número'));: Solicita el tercer número al usuario.
3. Comparación para encontrar el número menor
- let t, menor;: Declara dos variables: t para hacer una comparación inicial y menor para almacenar el número más pequeño.
- if(num1 < num2){ t = num1; } else { t = num2; }: Compara num1 con num2. Si num1 es menor, se guarda en t, de lo contrario, se guarda num2.
- if(t < num3){ menor = t; } else { menor = num3; }: Luego, se compara el valor de t con num3. Si t es menor, menor tomará su valor; de lo contrario, num3 será el menor.
4. Mostrar el resultado
- document.write(El número menor es: ${menor});: Muestra el resultado en la página web. Error en el código: Debe usarse comillas invertidas (`` ` ``) para la interpolación de variables. El código corregido sería:
document.write(`El número menor es: ${menor}`);
Resumen del código:
El programa solicita tres números al usuario, los compara para encontrar el menor y luego lo muestra en la página web.
No hay comentarios.:
Publicar un comentario