JavaScript es un lenguaje de programación de alto nivel, interpretado y orientado a objetos, utilizado principalmente para crear interactividad en páginas web. Permite manipular el contenido HTML y CSS, responder a eventos del usuario, comunicarse con servidores y mucho más.
Funcionalidades Claves de JavaScript
Manipulación del DOM (Document Object Model)
JavaScript puede acceder y modificar el contenido, la estructura y el estilo de los elementos HTML. Esto se hace a través del DOM, que es una representación de la página web en forma de árbol.
Ejemplo: Cambiar el texto de un párrafo o añadir una nueva imagen dinámicamente.
// Obtener un elemento por su ID
const miElemento = document.getElementById('miParrafo');
// Cambiar su contenido
miElemento.textContent = 'Este texto fue cambiado con JavaScript.';
Texto original que será modificado por JavaScript.
Manejo de Eventos
JavaScript permite responder a eventos del usuario, como clics de ratón, pulsaciones de teclado, envío de formularios, etc. Esto hace que las páginas web sean dinámicas y respondan a las acciones del usuario.
Peticiones Asíncronas (AJAX y Fetch API)
JavaScript puede realizar peticiones a servidores sin recargar la página, permitiendo cargar datos de forma dinámica. Esto es fundamental para construir aplicaciones web modernas y de una sola página (SPAs).
Ejemplo: Cargar comentarios o productos sin salir de la página actual.
Cómo Incluir JavaScript en HTML
JavaScript se puede incluir en un documento HTML de las siguientes maneras:
En línea: Directamente dentro de un atributo HTML (por ejemplo, onclick="alert('Hola!')"). No es la mejor práctica para código complejo.
Interno: Dentro de la etiqueta script en cualquier parte del documento HTML, aunque es común colocarla justo antes de cerrar la etiqueta body.
Externo: En un archivo .js separado, enlazado con la etiqueta script src="mi-script.js. Esta es la forma mas recomendada.
