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.
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.
% --> el operador de modulo ( % ) devuelve el resto de la división.
== --> el operador de comparacion ( == ) comprueba si sus dos operandos son iguales y devuelve un resultado booleano.
else --> se usa para especificar un bloque de código a ejecutar, si la misma condición es falsa.
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 un número mediante una ventana emergente. Después verifica si el número es par utilizando el operador módulo (%). Finalmente muestra un mensaje indicando si el número es par o no.
Código
<!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 numero = prompt('Introduzca un número');
if(numero % 2 == 0){
document.write(`El número ${numero} es par.`);
}else{
document.write(`El número ${numero} no es par.`);
}
</script>
</body>
</html>
Explicación de cada línea del código
| Código | Explicación |
|---|---|
| <!DOCTYPE html> | Indica que el documento utiliza HTML5. |
| <html lang="es"> | Define el inicio del documento HTML y especifica que el idioma es español. |
| <head> | Contiene la información de configuración de la página. |
| <meta charset="UTF-8"> | Permite mostrar correctamente caracteres especiales como á, é, í, ó, ú y ñ. |
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> | Hace que Internet Explorer utilice la versión más reciente de su motor de renderizado. |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | Hace que la página sea adaptable a dispositivos móviles. |
| <title> | Define el título que aparece en la pestaña del navegador. |
| <body> | Contiene todo el contenido visible de la página. |
| <script> | Indica el inicio del código JavaScript. |
| let numero = prompt('Introduzca un número'); | Muestra una ventana para que el usuario escriba un número y guarda el valor en la variable numero. |
| if(numero % 2 == 0) | Comprueba si el residuo de dividir el número entre 2 es igual a 0. Si es así, el número es par. |
| document.write(`El número ${numero} es par.`); | Si la condición es verdadera, muestra el mensaje indicando que el número es par. |
| else | Se ejecuta cuando la condición del if es falsa. |
| document.write(`El número ${numero} no es par.`); | Muestra un mensaje indicando que el número no es par (es impar). |
| </script> | Finaliza el código JavaScript. |
| </body> | Finaliza el contenido visible de la página. |
| </html> | Finaliza el documento HTML. |
¿Cómo funciona el programa?
- Solicita al usuario que ingrese un número.
- Guarda ese número en la variable numero.
- Utiliza el operador % para obtener el residuo de dividir el número entre 2.
- Si el residuo es 0, significa que el número es par.
- Si el residuo es diferente de 0, significa que el número es impar.
- Finalmente muestra el resultado en la página utilizando document.write().
Ejemplo de ejecución
Entrada:
Introduzca un número:
8
Salida:
El número 8 es par.
Otro ejemplo:
Introduzca un número:
15
Salida:
El número 15 no es par.
Resumen
Este ejercicio permite aprender cómo solicitar datos al usuario con prompt(), utilizar una estructura condicional if...else y aplicar el operador módulo % para determinar si un número es par o impar. Finalmente, el resultado se muestra en la página mediante document.write().
No hay comentarios.:
Publicar un comentario