sábado, 22 de febrero de 2025

Determinar si un número es par o impar en JavaScript

Código del ejercicio:

<!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 = parseInt(prompt('Introducir número'));
        if(numero % 2 == 0){
            document.write(`El número ${numero} es par.`);
        }else{
            document.write(`El número ${numero} es impar.`);
        }
    </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.
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.
% --> 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:

1. <!DOCTYPE html>: Esto le dice al navegador que el documento es una página web en HTML5.

2. <html lang="es">: Define el idioma del documento como español.

3. <head>: Contiene información sobre la página (metadatos), como el conjunto de caracteres, la compatibilidad con navegadores antiguos, y la vista responsiva.

4. <meta charset="UTF-8">: Establece el conjunto de caracteres para que los textos en español se muestren correctamente.

5. <meta http-equiv="X-UA-Compatible" content="IE=edge">: Asegura que la página se vea correctamente en versiones modernas de Internet Explorer.

6. <meta name="viewport" content="width=device-width, initial-scale=1.0">: Hace que la página sea responsiva y se ajuste al tamaño de la pantalla del dispositivo.

7. <title>Ejercicio JavaScript</title>: Especifica el título de la página que se muestra en la pestaña del navegador.

Dentro del <body>, tenemos el bloque de código JavaScript:

1. let numero = parseInt(prompt('Introducir número'));: Muestra un cuadro de entrada (prompt) donde el usuario debe introducir un número. parseInt convierte ese valor en un número entero.

2. if(numero % 2 == 0){...}else{...}: Verifica si el número es divisible entre 2 (es decir, si es par). Si es verdadero, ejecuta el bloque dentro del if; si no, ejecuta el bloque dentro del else.

3. document.write('El número ${numero} es par.');: Si el número es par, escribe en la página que el número es par. (Aquí hay un error de sintaxis, ya que falta la comilla alrededor del texto.)

4. document.write('El número ${numero} es impar.');: Si el número es impar, escribe en la página que el número es impar.

Código corregido:

<!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 = parseInt(prompt('Introducir número')); // Pide al usuario un número
      if(numero % 2 == 0){ // Si el número es divisible entre 2, es par
          document.write(`El número ${numero} es par.`); // Muestra el mensaje que es par
      }else{ // Si no es divisible entre 2, es impar
          document.write(`El número ${numero} es impar.`); // Muestra el mensaje que es impar
      }
   </script>
</body>
</html>

No hay comentarios.:

Publicar un comentario

Cómo hacer un diagrama de flujo

Los diagramas de flujo son diagramas que muestran los pasos de un proceso. Los diagramas de flujo básicos son fáciles de crea...

Copyright ©2025 Ejercicios de programación. Todos los derechos reservados. ❤️