Código del ejercicio:

<!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 HTML y JavaScript</title>
</head>
<body>
    <h3>Mostrar los N primeros números de la siguiente serie: 1,1,2,4,8,16,32,64,128,256,...</h3>
    <form action="">
        <label for="">número:</label>
        <input type="number" id="numero"><br><br>
        <input type="button" value="Mostrar" onclick="mostrar()">
        <input type="reset" value="Limpiar"><br><br>
        <label for="">resultado:</label><br>
        <textarea name="" id="resultado" cols="30" rows="10"></textarea>
    </form>
    <script>
        function mostrar(){
            let n = parseInt(document.getElementById('numero').value);
            let t = [], vi = 1, c = 1;
            while(c <= n){
                t.push(vi);
                if(c >= 2){
                    vi *= 2;
                }
                c++;
            }
            document.getElementById('resultado').value = t;
        }
    </script>
</body>
</html>

Definición de los códigos del ejercicio:

<h3></h3> --> representa un encabezado de nivel 3.
<form></form> --> se utiliza para crear un formulario HTML para la entrada del usuario.
<br> --> produce un salto de línea en el texto.
<label></label> --> representa una etiqueta para un elemento en una interfaz de usuario.
<input> --> etiqueta especifica un campo de entrada donde el usuario puede ingresar datos.
<textarea></textarea> --> define un control de entrada de texto de varias líneas.
onclick --> onclick evento ocurre cuando el usuario hace clic en un elemento.
<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.
function --> es un bloque de código diseñado para realizar una tarea en particular.
let --> permite declarar variables limitando su alcance (scope) al bloque, declaración, o expresión donde se está usando.
parseInt() --> analiza un valor como una cadena y devuelve el primer entero.
while --> el ciclo while recorre un bloque de código siempre que una condición específica sea verdadera.
<= --> el operador menor o igual ( <= ) devuelve true si el operando izquierdo es menor o igual que el operando derecho, y en false caso contrario.
if --> se usa para especificar un bloque de código que se ejecutará, si una condición especificada es verdadera.
.push() --> agrega uno o más elementos al final de un array y devuelve la nueva longitud del array.
>= --> 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.
*= --> el operador de asignación de multiplicación ( *= ) multiplica el valor del operando derecho de una variable y asigna el resultado a la variable.
++ --> el operador de incremento ( ++ ) incrementa (suma uno a) su operando y devuelve un valor.
document.getElementById() --> devuelve un elemento con un valor especificado.
.value --> establece o devuelve el valor del atributo de valor de un campo de texto.

Explicación del Código:

Este programa solicita al usuario un número N y muestra los N primeros términos de la siguiente serie:

1, 1, 2, 4, 8, 16, 32, 64, 128, 256, ...

Los dos primeros términos son iguales a 1. A partir del tercer término, cada número se obtiene multiplicando por 2 el número anterior.

1. Función mostrar()

La función mostrar() se ejecuta cuando el usuario presiona el botón Mostrar. Su trabajo consiste en generar la serie y mostrarla en el área de texto.

2. Obtener el número ingresado

let n = parseInt(document.getElementById('numero').value);

Esta línea obtiene el valor escrito por el usuario en la caja de texto y lo convierte en un número entero mediante parseInt().

3. Declaración de variables

let t = [], vi = 1, c = 1;

t: almacena todos los números de la serie.
vi: guarda el valor actual de la serie. Comienza con 1.
c: contador que controla cuántos números se han generado.

4. Repetición del proceso

while(c <= n)

El ciclo while se ejecuta mientras el contador sea menor o igual al número ingresado por el usuario. En cada repetición se genera un nuevo término de la serie.

5. Guardar el número

t.push(vi);

El método push() agrega el valor actual al arreglo para ir formando la serie completa.

6. Multiplicar por 2

if(c >= 2){ vi *= 2; }

Los dos primeros términos permanecen en 1. Desde el tercer término, el valor se multiplica por 2 para generar el siguiente número de la serie.

7. Incrementar el contador

c++;

El contador aumenta en una unidad para continuar con la siguiente repetición del ciclo.

8. Mostrar el resultado

document.getElementById('resultado').value = t;

Finalmente, todos los números almacenados en el arreglo se muestran dentro del área de texto (textarea).

9. Ejemplo de ejecución

Si el usuario escribe:

N = 6

Iteración	Número generado
1	1
2	1
3	2
4	4
5	8
6	16

Resultado mostrado:

1,1,2,4,8,16

10. Resumen del algoritmo

Leer el número ingresado por el usuario.
Crear un arreglo para almacenar la serie.
Inicializar el valor de la serie en 1.
Repetir el proceso hasta generar N términos.
Guardar cada número en el arreglo.
Desde el tercer término, multiplicar el valor por 2.
Mostrar la serie completa en el área de texto.

Ejercicios de programación

Páginas

sábado, 27 de junio de 2026

Mostrar los N primeros números de la siguiente serie: 1,1,2,4,8,16,32,64,128,256,... en HTML y JavaScript