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,2,4,8,16,32,64,128,...</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 >= 1){
                    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:

El programa genera los primeros N números de una serie donde cada número es el doble del anterior:

1, 2, 4, 8, 16, 32...

input number: permite ingresar la cantidad N.
button: ejecuta la función mostrar().
reset: limpia el formulario.
textarea: muestra el resultado.

1. Obtener el valor:

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

Convierte el número ingresado a entero.

2. Variables:

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

t = almacena la serie
vi = valor inicial (1)
c = contador

3. Ciclo:

while(c <= n){ t.push(vi); vi *= 2; c++; }

Se repite hasta generar N números.

4. Mostrar resultado:

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

El programa genera una serie donde cada número se multiplica por 2 y muestra los primeros N valores ingresados por el usuario.

Ejercicios de programación

Páginas

viernes, 26 de junio de 2026

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

Código del ejercicio:

Definición de los códigos del ejercicio:

Explicación del Código:

No hay comentarios.:

Publicar un comentario

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