domingo, 28 de junio de 2026

Mostrar los n primeros números de la siguiente serie: 1,3,9,11,33,35,105,107,... en HTML y JavaScript

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,3,9,11,33,35,105,107,...</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 = [], c = 1, vi = 1;
            while(c <= n){
                if(c != 1){
                    if(c % 2 == 0){
                        vi += 2;
                    }else{
                        vi *= 3;
                    }
                }
                t.push(vi);
                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.
if --> se usa para especificar un bloque de código que se ejecutará, si una condición especificada es verdadera.
else --> se usa para especificar un bloque de código a ejecutar, si la misma condición es falsa.
.push() --> agrega uno o más elementos al final de un array y devuelve la nueva longitud del array.
<= --> 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 desigualdad ( != ) comprueba si sus dos operandos no son iguales y devuelve un resultado booleano.
% --> el operador de modulo ( % ) devuelve el resto de la división.
== --> el operador de comparacion ( == ) comprueba si sus dos operandos son iguales y devuelve un resultado booleano.
+= --> el operador de asignación de suma ( += ) suma el valor del operando derecho a una variable y asigna el resultado a la variable.
*= --> 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 muestra los n primeros números de la serie:

1, 3, 9, 11, 33, 35, 105, 107, ...

El usuario ingresa un número n y el sistema genera automáticamente la serie.

HTML del ejercicio

El HTML crea el formulario con entrada de datos, botones y un área de resultados.

  • input number: permite ingresar el valor n.
  • button Mostrar: ejecuta la función JavaScript.
  • textarea: muestra la serie generada.

JavaScript del ejercicio

La función principal es mostrar(), que genera la serie.

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

Se obtiene el número ingresado por el usuario.

let t = [], c = 1, vi = 1;
  • t: almacena la serie.
  • c: contador.
  • vi: valor actual.

Lógica de la serie

El programa usa un ciclo while hasta llegar a n números.

if(c % 2 == 0){ vi += 2; }else{ vi *= 3; }
  • Si la posición es impar → multiplica por 3.
  • Si la posición es par → suma 2.

Resultado final

Cada número se guarda en un arreglo y luego se muestra en pantalla.

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

Esto permite ver toda la serie generada por el programa.

No hay comentarios.:

Publicar un comentario

Mostrar los n primeros números de la siguiente serie: 1,6,36,216,1296,7776,46656,... en HTML y JavaScript

Código del ejercicio: <! DOCTYPE html > < html lang = "es" > < head >     < meta charset = ...

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