sábado, 22 de febrero de 2025

Generar los números impares: 1,3,5,7,9,11,13,15,17,19,21,... en JavaScript

Código del ejercicio: Con ciclo while

<!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 numero1 = 1;
        let numero2 = 21;
        while(numero1 <= numero2){
            document.write(numero1 + '<br>');
            numero1 = numero1 + 2;
        }
    </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.
while --> el ciclo while recorre un bloque de código siempre que una condición específica sea verdadera.
for --> el ciclo for recorre un bloque de código varias veces.
<= --> el operador menor o igual ( <= ) devuelve true si el operando izquierdo es menor o igual que el operando derecho, y en false caso contrario.
document.write --> imprime el texto especificado en la página.
+ --> se usa para concatenar cadenas, cadenas a constantes o a variables.

Explicación del Código:

Este código HTML con JavaScript genera y muestra en pantalla los números impares del 1 al 21.

1. Estructura básica del HTML

  • <!DOCTYPE html>: Indica que el documento es HTML5.
  • <html lang="es">: Define el idioma como español.
  • <head>: Contiene metadatos y configuración del documento.
  • <meta charset="UTF-8">: Garantiza que los caracteres especiales se muestren correctamente.
  • <title>Ejercicio JavaScript</title>: Define el título de la página.

2. Código JavaScript

Se inicializa la variable numero1 con el valor 1 (primer número impar) y numero2 con el valor 21 (límite de los números impares a generar).

3. Bucle while para generar los números impares

El bucle while se ejecuta mientras numero1 sea menor o igual a numero2. Dentro del bucle:

  • Se muestra el número actual en la página con un salto de línea usando document.write(numero1 + '<br>').
  • Se incrementa numero1 en 2 para obtener el siguiente número impar.

4. Salida esperada en la página web

El código generará la siguiente secuencia de números en la página:

1, 3, 5, 7, 9, 11, 13, 15, 17, 19, 21

Código del ejercicio: Con ciclo for

<!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>
        for(let numero1 = 1; numero1 <= 21; numero1 = numero1 + 2){
            document.write(numero1 + '<br>');
        }
    </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.
while --> el ciclo while recorre un bloque de código siempre que una condición específica sea verdadera.
for --> el ciclo for recorre un bloque de código varias veces.
<= --> el operador menor o igual ( <= ) devuelve true si el operando izquierdo es menor o igual que el operando derecho, y en false caso contrario.
document.write --> imprime el texto especificado en la página.
+ --> se usa para concatenar cadenas, cadenas a constantes o a variables.

Explicación del Código:

1. Estructura HTML básica

  • <!DOCTYPE html>: Define el tipo de documento como HTML5.
  • <html lang="es">: Indica que el idioma principal del documento es español.
  • <head>: Contiene metadatos y configuraciones de la página.
  • <meta charset="UTF-8">: Especifica la codificación de caracteres para soportar caracteres especiales.
  • <meta name="viewport" content="width=device-width, initial-scale=1.0">: Asegura que la página sea adaptable a dispositivos móviles.
  • <title>Ejercicio JavaScript</title>: Define el título de la página que aparece en la pestaña del navegador.

2. Script de JavaScript

El siguiente código genera y muestra los números impares del 1 al 21:


<script>
    for(let numero1 = 1; numero1 <= 21; numero1 = numero1 + 2){  
        document.write(numero1 + '<br>');
    }
</script>
  

Explicación:

  • for(...): Es un bucle que repite una acción varias veces.
  • let numero1 = 1;: Se inicializa la variable numero1 con el valor 1.
  • numero1 <= 21;: El bucle se ejecuta mientras numero1 sea menor o igual a 21.
  • numero1 = numero1 + 2: En cada iteración, el valor de numero1 aumenta en 2, generando solo números impares.
  • document.write(numero1 + '<br>');: Muestra el valor de numero1 en la página web, seguido de un salto de línea.

3. Salida esperada en la página web

    1
    3
    5
    7
    9
    11
    13
    15
    17
    19
    21
    

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. ❤️