sábado, 22 de febrero de 2025

Invertir serie de números pares: 22,20,18,16,14,12,10,8,6... 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 = 22;
        let numero2 = 2;
        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 mayor que o igual ( >= ) devuelve true si el operando izquierdo es mayor 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:

Definición de Variables:

let numero1 = 22;
let numero2 = 2;

- numero1 es la variable que empieza con el valor 22, que es el número desde el que comienza la secuencia.
- numero2 es simplemente el número 2, que se usa en la condición del ciclo para asegurarse de que el ciclo siga ejecutándose mientras numero1 sea mayor o igual a 2.

Bucle while:

while(numero1 >= numero2){
    document.write(numero1 + '<br>');
    numero1 = numero1 - 2;
}

- while(numero1 >= numero2) establece una condición para que el bucle siga ejecutándose mientras numero1 sea mayor o igual a 2.
- Dentro del bucle:
- document.write(numero1 + '<br>'); muestra el valor actual de numero1 en el documento HTML seguido de un salto de línea.
- numero1 = numero1 - 2; resta 2 a numero1 en cada iteración, lo que garantiza que la secuencia de números disminuya de 2 en 2 (22, 20, 18, 16...).

Resultado:

Al ejecutarse este código, verás en la página web una lista de números pares descendentes desde 22 hasta 2, en el siguiente formato:

22
20
18
16
14
12
10
8
6
4
2

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 = 22; numero1 >= 2; 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 mayor que o igual ( >= ) devuelve true si el operando izquierdo es mayor 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 muestra los números pares en orden descendente, comenzando desde 22 y disminuyendo de dos en dos hasta llegar a 2.

1. Definición del idioma

<html lang="es"> Define que el contenido está en español.

2. Codificación de caracteres

<meta charset="UTF-8"> Asegura que los caracteres especiales, como tildes, se muestren correctamente.

3. Título de la página

<title>Ejercicio JavaScript</title> El título de la página es "Ejercicio JavaScript".

4. Código JavaScript dentro de la etiqueta <script>

<script> Dentro de esta etiqueta se coloca el código JavaScript.

5. Bucle for

for(let numero1 = 22; numero1 >= 2; numero1 = numero1 - 2) Es un bucle que comienza con numero1 igual a 22. La condición numero1 >= 2 asegura que el bucle se ejecute mientras numero1 sea mayor o igual a 2. En cada iteración, numero1 se reduce en 2 (numero1 = numero1 - 2).

6. Mostrar los resultados

document.write(numero1 + '<br>'); Muestra el valor de numero1 en la página y agrega un salto de línea después de cada número para que se vea en una lista vertical.

Resultado:

Se mostrará en la página los números: 22, 20, 18, 16, 14, 12, 10, 8, 6, 4, 2, uno debajo del otro.

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