Practica 1 - Marquesina

Texto de bienvenida animado

Este ejemplo usa JavaScript puro para mover un mensaje de derecha a izquierda. La idea es practicar con variables simples y cambios faciles.

Resultado visual

Observa el mensaje dentro del recuadro. Si cambias el texto o la velocidad, el resultado cambia al momento.

Cargando mensaje...

Sugerencia: usa frases cortas al principio para ver mejor el movimiento.

🎛️ Controles en tiempo real (sin consola ni codigo)

Cambios aplicados

Tip: un numero menor de velocidad hace que el texto se mueva mas rapido. Un paso mayor hace que avance con saltos mas grandes.

Controles basicos que puedes modificar

window.configuracionMarquesina = {
    mensaje: "Bienvenido a mi portafolio JavaScript",
    velocidad: 16,
    paso: 2
};

Prueba en consola

Copia uno de estos ejemplos en la consola del navegador mientras esta abierta esta pagina.

Ejemplo 1: cambiar el mensaje

window.configuracionMarquesina.mensaje = "Hola, esta es una prueba desde la consola";

Que debe pasar: el texto animado cambia al nuevo mensaje.

Ejemplo 2: hacerlo mas rapido

window.configuracionMarquesina.velocidad = 8;

Que debe pasar: la animacion se actualiza mas seguido.

Ejemplo 3: aumentar el paso

window.configuracionMarquesina.paso = 4;

Que debe pasar: el texto avanza con saltos mas grandes.