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:

1. Estructura básica de HTML

El código comienza con la estructura básica de un documento HTML5.

2. Encabezado del documento (<head>)

Dentro del <head> se definen las configuraciones del documento.

<meta charset="UTF-8"> Permite caracteres especiales como tildes y ñ.

<meta name="viewport" content="width=device-width, initial-scale=1.0"> Hace que la página sea adaptable a móviles.

<title>Ejercicio JavaScript</title> Define el título de la página.

3. Cuerpo de la página (<body>)

Aquí es donde se mostrará el contenido generado por JavaScript.

4. Código JavaScript

Este código genera y muestra los números del 10 al 100, sumando de 10 en 10.

<script>

let numero1 = 10; // Se inicia la variable con 10

let numero2 = 100; // Se define el límite en 100

while(numero1 <= numero2) { // Mientras numero1 sea menor o igual a 100

document.write(numero1 + '<br>'); // Se muestra el número y un salto de línea

numero1 = numero1 + 10; // Se incrementa en 10

}

</script>

5. Explicación del funcionamiento

  • Se inicializa numero1 con 10.
  • Se define numero2 como 100.
  • El bucle while ejecuta las instrucciones mientras numero1 sea menor o igual a 100.
  • Cada vez que se ejecuta el bucle, se muestra numero1 en la página y se incrementa en 10.
  • Cuando numero1 llega a 110, la condición ya no se cumple y el bucle termina.

6. Resultado esperado

En la página web se mostrarán los siguientes números:

10

20

30

40

50

60

70

80

90

100

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:

Este código muestra los números del 10 al 100 en incrementos de 10.

Estructura HTML

  • <!DOCTYPE html>: Indica que el documento es HTML5.
  • <html lang="es">: Define que el contenido está en español.
  • <head>: Contiene información sobre la página.
  • <meta charset="UTF-8">: Permite caracteres especiales como tildes y ñ.
  • <meta name="viewport" content="width=device-width, initial-scale=1.0">: Hace que la página se adapte a dispositivos móviles.
  • <title>Ejercicio JavaScript</title>: Define el título de la pestaña del navegador.

Código JavaScript


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

Explicación del bucle for

  • let numero1 = 10;: Se inicia la variable en 10.
  • numero1 <= 100;: El bucle se ejecuta mientras numero1 sea menor o igual a 100.
  • numero1 = numero1 + 10;: Se incrementa en 10 en cada iteración.

Salida esperada

El código imprimirá:

10
20
30
40
50
60
70
80
90
100

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