JavaScript: Lógica y Comportamiento Dinámico

A diferencia de HTML o CSS, JavaScript no es un lenguaje de marcado ni de estilos. Es un Scripting Language (Lenguaje de Scripting) de alto nivel que permite dotar de inteligencia y dinamismo a las páginas web, permitiendo que el navegador tome decisiones lógicas.

Conceptos Fundamentales

Para dominar el comportamiento web, debemos internalizar estos 5 términos clave:

1. Engine (Motor): El componente de software encargado de interpretar y ejecutar el código (ej: V8 en Chrome).
2. Scripting Language (Lenguaje de Scripting): Un tipo de lenguaje que se traduce a instrucciones de máquina en tiempo de ejecución.
3. DOM Manipulation (Manipulación del DOM): La capacidad de interactuar y modificar la estructura de un documento HTML desde el código.
4. Event (Evento): Cualquier acción detectada por el navegador (como un clic o una tecla pulsada) que dispara una respuesta.
5. Dynamic Typing (Tipado Dinámico): Característica que permite a una variable cambiar el tipo de dato que almacena sin previo aviso.

Ejemplo de Lógica Programática

A diferencia de las etiquetas estáticas de markup, JavaScript utiliza lógica real. Observemos cómo un Event (Evento) activa la DOM Manipulation (Manipulación del DOM):

// Usando Dynamic Typing: la variable cambia de número a objeto
let userStatus = 1; 
userStatus = { active: true };

// Escuchando un Event en el navegador
document.getElementById('btn-update').addEventListener('click', () => {
    console.log('Iniciando DOM Manipulation...');
    
    // El Engine ejecuta este cambio en el documento
    const statusDisplay = document.querySelector('.status');
    statusDisplay.textContent = 'Perfil Actualizado';
});

Mientras que HTML define qué hay en la página, JavaScript usa su Engine (Motor) para decidir cómo se comporta el sitio ante cada Event (Evento) del usuario.