JavaScript es un potente lenguaje de secuencias de comandos que se ejecuta en el navegador, permitiendo manipular el contenido y el comportamiento de la página web. Si lo comparamos con una casa, JavaScript representa la funcionalidad de la vivienda, abarcando elementos como sistemas eléctricos, fontanería, automatización del hogar y calefacción central; en esencia, todo lo que proporciona funcionalidad.

A continuación, se muestra cómo podemos agregar JavaScript al documento HTML:

JavaScript en línea

Podemos incluir JavaScript directamente dentro del documento HTML utilizando la etiqueta <script>. Este método es útil para añadir scripts rápidos y puntuales.

Ejemplo:

Por favor, haz clic en el botón Click Me a continuación.

JavaScript externo

Para scripts más extensos o reutilizables, es preferible colocar tu JavaScript en un archivo separado y enlazarlo a la página HTML.

Ejemplo

Por favor, asegúrate de revisar los tres archivos en el ejemplo proporcionado.

Fundamentos de JavaScript

JavaScript permite añadir interactividad y comportamiento dinámico a las páginas web. A continuación, se presentan algunos conceptos básicos:

Variables

Utilizadas para almacenar datos.

let age = 30;
const name = "Peter";

Funciones

Bloques reutilizables de código.

function greet() {
  alert('Hello, World!');
}

Manipulación del DOM

Permite que JavaScript modifique lo que aparece en la página.

document.getElementById('myElement').innerHTML = 'New Content';

Sentencias condicionales

Ejecución de diferentes bloques de código según condiciones.

if (age >= 21) {
  alert('You are an adult.');
} else {
  alert('You are a minor.');
}

Tutorial en video