sábado, 22 de febrero de 2025

Mostrar los números: 10,20,30,40,50,60,70,80,90,100 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 = 10;
        let numero2 = 100;
        while(numero1 <= numero2){
            document.write(numero1 + '<br>');
            numero1 = numero1 + 10;
        }
    </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:

Enunciado

Mostrar los números: 10, 20, 30, 40, 50, 60, 70, 80, 90 y 100 utilizando el ciclo while en JavaScript.

Código del programa

let numero1 = 10;
let numero2 = 100;

while(numero1 <= numero2){
    document.write(numero1 + "<br>");
    numero1 = numero1 + 10;
}

Explicación de cada línea

  • let numero1 = 10;
    Se crea la variable numero1 y se le asigna el valor 10. Este será el primer número que mostrará el programa.
  • let numero2 = 100;
    Se crea la variable numero2 con el valor 100. Este valor indica hasta qué número llegará el ciclo.
  • while(numero1 <= numero2)
    El ciclo while significa "mientras". Mientras numero1 sea menor o igual que 100, el programa seguirá ejecutando las instrucciones que están dentro del ciclo.
  • document.write(numero1 + "<br>");
    Muestra el valor de numero1 en la página web. El código <br> agrega un salto de línea para que cada número aparezca debajo del anterior.
  • numero1 = numero1 + 10;
    Aumenta el valor de numero1 en 10. Así los números cambian de: 10 → 20 → 30 → 40 → 50 → 60 → 70 → 80 → 90 → 100.
  • Cuando numero1 llega a 110, la condición 110 ≤ 100 es falsa, por lo que el ciclo termina automáticamente.

¿Cómo funciona el ciclo?

El proceso ocurre de la siguiente manera:

  1. El ciclo comienza con el valor 10.
  2. Se muestra el número en la pantalla.
  3. Se suma 10 al valor.
  4. Se verifica nuevamente si el número sigue siendo menor o igual a 100.
  5. Si la condición se cumple, el ciclo continúa.
  6. Cuando el valor llega a 110, el ciclo finaliza.
Resultado mostrado en pantalla:

10
20
30
40
50
60
70
80
90
100

Resumen

Este programa utiliza un ciclo while para mostrar los números del 10 al 100, aumentando de 10 en 10. El ciclo continúa mientras el número sea menor o igual a 100 y termina cuando el valor supera ese límite.

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 = 10; numero1 <= 100; numero1 = numero1 + 10){
            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:

Mostrar los números: 10, 20, 30, 40, 50, 60, 70, 80, 90 y 100

Este programa utiliza un bucle for para mostrar los números del 10 al 100, aumentando de 10 en 10. Cada número se imprime en una línea diferente.

Código

for(let numero1 = 10; numero1 <= 100; numero1 = numero1 + 10){
    document.write(numero1 + '<br>');
}

Explicación de cada línea

Código Explicación
for(...) Crea un ciclo que repetirá varias veces un bloque de instrucciones.
let numero1 = 10 Declara la variable numero1 y le asigna el valor inicial de 10. Desde este número comenzará el recorrido.
numero1 <= 100 Es la condición del ciclo. Mientras numero1 sea menor o igual a 100, el ciclo continuará ejecutándose.
numero1 = numero1 + 10 Después de cada repetición, la variable aumenta en 10. Así se obtienen los números: 10, 20, 30, 40, etc.
document.write(numero1 + '<br>'); Muestra el valor de numero1 en la página web y agrega un salto de línea (<br>) para que cada número aparezca debajo del anterior.

Funcionamiento paso a paso

  • El ciclo comienza con el número 10.
  • Se verifica que 10 sea menor o igual a 100, por lo que se muestra en pantalla.
  • Luego el valor aumenta a 20.
  • El proceso continúa aumentando de 10 en 10.
  • Cuando llega a 100, también se muestra porque cumple la condición.
  • Después aumenta a 110. Como 110 ya no es menor o igual a 100, el ciclo termina.

Resultado del programa

10
20
30
40
50
60
70
80
90
100

Resumen

Este ejercicio demuestra cómo utilizar un ciclo for para repetir instrucciones automáticamente. En cada repetición, la variable aumenta en 10, permitiendo mostrar todos los números desde 10 hasta 100 sin escribir cada uno manualmente.

No hay comentarios.:

Publicar un comentario

Encontrar todas las posiciones de un carácter x de una cadena en Python

Código del ejercicio: s = input ( "Ingresar texto: " ) x = input ( "Ingresar carácter: ...

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