Código del ejercicio:
Definición de los códigos del ejercicio:
<h3></h3> --> representa un encabezado de nivel 3.<form></form> --> se utiliza para crear un formulario HTML para la entrada del usuario.
<br> --> produce un salto de línea en el texto.
<label></label> --> representa una etiqueta para un elemento en una interfaz de usuario.
<input> --> etiqueta especifica un campo de entrada donde el usuario puede ingresar datos.
onclick --> onclick evento ocurre cuando el usuario hace clic en un elemento.
<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.
function --> es un bloque de código diseñado para realizar una tarea en particular.
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.
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 mayor que o igual ( >= ) devuelve true si el operando izquierdo es mayor o igual que el operando derecho, y en false caso contrario.
&& --> 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.getElementById() --> devuelve un elemento con un valor especificado.
.value --> establece o devuelve el valor del atributo de valor de un campo de texto.
`${}` --> 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 tres números al usuario y, mediante JavaScript, compara sus valores para determinar cuál de ellos es el mayor. Finalmente, muestra el resultado en una caja de texto.
1. Declaración del documento HTML
<!DOCTYPE html> indica que el documento está escrito en HTML5.
2. Etiqueta HTML
<html lang="es"> indica que la página está escrita en español.
3. Sección <head>
-
<meta charset="UTF-8">permite utilizar correctamente letras, acentos y símbolos. -
<meta name="viewport">hace que la página se adapte a celulares, tabletas y computadoras. -
<title>establece el título que aparece en la pestaña del navegador.
4. Encabezado del ejercicio
<h3> muestra el título:
"Determinar cuál es el número mayor de tres números".
5. Formulario
La etiqueta <form> agrupa todos los controles que utilizará el usuario.
6. Entradas de datos
Se utilizan tres controles:
<input type="number">.
Cada uno permite ingresar un número diferente:
- Número 1 (id="n1")
- Número 2 (id="n2")
- Número 3 (id="n3")
El atributo id sirve para que JavaScript pueda identificar cada caja de texto.
7. Botón Mostrar
El botón:
<input type="button" value="Mostrar" onclick="mostrar()">
ejecuta la función mostrar() cuando el usuario hace clic.
8. Botón Limpiar
El botón:
<input type="reset">
borra todos los datos escritos en el formulario.
9. Caja de resultado
La caja de texto con
id="resultado"
muestra el número mayor encontrado por el programa.
10. Función mostrar()
Esta función contiene toda la lógica del programa.
11. Obtener los números
Las instrucciones:
document.getElementById()
obtienen los valores escritos por el usuario.
Luego,
parseInt()
convierte esos valores de texto a números enteros para poder compararlos.
12. Comparar los números
El programa utiliza la estructura
if...else if...else
para comparar los tres números.
- Si el primer número es mayor o igual que los otros dos, se muestra el primer número.
- En caso contrario, si el segundo número es mayor o igual que los otros dos, se muestra el segundo.
- Si ninguna de las condiciones anteriores se cumple, significa que el tercer número es el mayor.
13. Operador lógico AND (&&)
El operador && significa "y".
Se utiliza para comprobar que dos condiciones sean verdaderas al mismo tiempo.
Por ejemplo:
n1 >= n2 && n1 >= n3
significa que el número 1 debe ser mayor o igual al número 2 y también mayor o igual al número 3.
14. Mostrar el resultado
Finalmente,
document.getElementById("resultado").value
coloca el mensaje:
El número mayor es...
dentro de la caja de resultado para que el usuario pueda verlo.
Resumen
El programa permite ingresar tres números, convertirlos a valores numéricos,
compararlos mediante una estructura if...else if...else y
mostrar cuál de los tres es el número mayor.
No hay comentarios.:
Publicar un comentario