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

Ingresar un número entero y mostrar todos los números impares hasta el número ingresado en Python

Código del ejercicio: Con ciclo while numero = int ( input ( "Ingresar un número: " )) if numero ...

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