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
a la/s
Etiquetas:

No hay comentarios.:

Publicar un comentario

Suscribirse a: Comentarios de la entrada (Atom)

Convertir millas a pies en HTML y JavaScript

Código del ejercicio: <! DOCTYPE html > < html lang = "es" > < head >     < meta charset = ...

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