domingo, 23 de febrero de 2025

Generar los números pares: 0,2,4,6,8,10,12,14,16,18,20,... 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 numero = 0;
        while(numero <= 20){
            document.write(numero + ',');
            numero += 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.
+= --> el operador de asignación de suma ( += ) suma el valor del operando derecho a una variable y asigna el resultado a la variable.
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. <!DOCTYPE html>: Define el tipo de documento como HTML5.

2. <html lang="es">: Abre el documento HTML y especifica que el idioma es español.

3. <head>: Contiene la configuración inicial de la página (metadatos y título).

4. <meta charset="UTF-8">: Establece la codificación de caracteres para mostrar caracteres especiales correctamente.

5. <meta http-equiv="X-UA-Compatible" content="IE=edge">: Asegura la compatibilidad con versiones modernas de Internet Explorer.

6. <meta name="viewport" content="width=device-width, initial-scale=1.0">: Hace que la página sea adaptable a diferentes tamaños de pantalla.

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

8. <body>: Contiene el contenido visible de la página.

9. <script>: Aquí va el código JavaScript que se ejecuta cuando se carga la página.

10. let numero = 0;: Declara la variable numero y la inicializa en 0.

11. while(numero <= 20){: Inicia un bucle while que se ejecuta mientras numero sea menor o igual a 20.

12. document.write(numero + ',');: Muestra el valor de numero seguido de una coma en la página web.

13. numero += 2;: Incrementa el valor de numero en 2 para obtener el siguiente número par.

14. }: Cierra el bucle while.

15. </script>: Cierra la etiqueta <script>.

16. </body> y </html>: Cierran las etiquetas de cuerpo y HTML.

El código genera y muestra en la página web los números pares del 0 al 20, separados por comas.

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(numero = 0; numero <= 20; numero += 2){
            document.write(numero + ',');
        }
    </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.
+= --> el operador de asignación de suma ( += ) suma el valor del operando derecho a una variable y asigna el resultado a la variable.
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 genera y muestra los números pares del 0 al 20. Aquí se explica cada parte del código:

Estructura HTML

<!DOCTYPE html>: Indica que es un documento HTML5.
<html lang="es">: Define el idioma de la página como español.
<head>: Contiene metadatos como la codificación de caracteres (UTF-8) y la configuración para compatibilidad con navegadores.
<title>: Define el título de la página como "Ejercicio JavaScript".

Código JavaScript dentro del <script>

for(numero = 0; numero <= 20; numero += 2):
- Inicia con numero = 0, y continuará ejecutándose mientras numero <= 20.
- En cada ciclo, el valor de numero se incrementa en 2, garantizando solo números pares.
document.write(numero + ',');
- Escribe en la página web el valor de numero y agrega una coma después de cada número.

Salida esperada

El resultado que se mostrará en la página será:

0,2,4,6,8,10,12,14,16,18,20,

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