Índice
¿Qué es JavaScript?
JavaScript es un lenguaje de programación que permite agregar interactividad y dinamismo a las páginas web. Es uno de los lenguajes más importantes para el desarrollo web, y se ejecuta en el navegador del usuario, lo que permite actualizar el contenido de una página sin necesidad de recargarla.
Contenidos Básicos de JavaScript
1. Variables
En JavaScript, las variables se utilizan para almacenar datos. Puedes declarar una variable usando las palabras clave var, let o const.
let nombre = "Juan"; // Declaración con let
const edad = 25; // Declaración con const
var ciudad = "Madrid"; // Declaración con var
2. Tipos de Datos
JavaScript soporta varios tipos de datos, como números, cadenas de texto, booleanos, objetos y arrays.
let numero = 42; // Número
let nombre = "Juan"; // Cadena de texto
let esActivo = true; // Booleano
let usuario = { nombre: "Juan", edad: 25 }; // Objeto
let colores = ["rojo", "verde", "azul"]; // Array
3. Funciones
Las funciones son bloques de código que se pueden ejecutar en cualquier momento. Se definen con la palabra clave function.
function saludar() {
console.log("¡Hola, Mundo!");
}
saludar(); // Llamada a la función
4. Condicionales
Los condicionales se utilizan para tomar decisiones en el código, ejecutando diferentes bloques de código dependiendo de una condición.
let edad = 18;
if (edad >= 18) {
console.log("Eres mayor de edad.");
} else {
console.log("Eres menor de edad.");
}
5. Bucles
Los bucles permiten ejecutar un bloque de código varias veces. El bucle más común es el for.
for (let i = 0; i < 5; i++) {
console.log(i); // Imprime los números del 0 al 4
}
6. Eventos
JavaScript también permite interactuar con los usuarios mediante eventos. Los eventos se disparan cuando el usuario realiza una acción, como hacer clic o mover el ratón.
document.getElementById("miBoton").addEventListener("click", function() {
alert("¡Has hecho clic en el botón!");
});
Estructura Básica de JavaScript
A continuación, te mostramos una estructura básica de un archivo JavaScript:
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Mi Página Web</title>
</head>
<body>
<h1>Bienvenido a mi página web</h1>
<button id="miBoton">Haz clic</button>
<script src="script.js"></script>
</body>
</html>
En el ejemplo anterior, el archivo JavaScript está vinculado al archivo HTML a través de la etiqueta <script>.