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 = 1;
        while(numero <= 10){
            document.write(numero + '<br>');
            numero = numero + 1;
        }
    </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 incremento ( ++ ) incrementa (suma uno a) su operando y devuelve un valor.
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 programa utiliza un ciclo while para mostrar los números del 1 al 10 en la página web. En cada repetición se imprime un número y luego se incrementa su valor hasta llegar a 10.

Código

let numero = 1;

while(numero <= 10){
    document.write(numero + '<br>');
    numero = numero + 1;
}

Explicación de cada línea del código

Código	Explicación
let numero = 1;	Se declara la variable numero y se le asigna el valor inicial de 1. Este será el primer número que mostrará el programa.
while(numero <= 10)	El ciclo while se ejecuta mientras el valor de numero sea menor o igual que 10.
document.write(numero + '<br>');	Muestra el valor de la variable numero en la página. La etiqueta <br> agrega un salto de línea para que cada número aparezca debajo del anterior.
numero = numero + 1;	Aumenta el valor de la variable numero en una unidad para que en la siguiente repetición se muestre el número siguiente.

¿Cómo funciona el ciclo?

Repetición	Valor de numero	Se muestra
1	1	1
2	2	2
3	3	3
4	4	4
5	5	5
6	6	6
7	7	7
8	8	8
9	9	9
10	10	10

Resultado final: El programa imprime en la página los números del 1 al 10, uno debajo del otro. Cuando la variable numero llega a 11, la condición numero <= 10 deja de cumplirse y el ciclo termina.

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 numero = 1; numero <= 10; numero++){
            document.write(numero + '<br>');
        }
    </script>
</body>
</html>

Definición de los códigos del ejercicio:

Explicación del Código: