## Guía Completa de JavaScript

### Introducción a JavaScript

JavaScript es un lenguaje de programación de alto nivel utilizado para crear interactividad en
páginas web. Se ejecuta en el lado del cliente, lo que significa que se ejecuta en el navegador web
del usuario. A continuación, se presentan algunos conceptos fundamentales antes de comenzar:

- **Variables**: Se utilizan para almacenar datos en la memoria y pueden contener diferentes tipos
de valores, como números, cadenas de texto, booleanos, arreglos y objetos.
```javascript
var nombre = "Juan";
var edad = 25;
var esEstudiante = true;
```

- **Funciones**: Un bloque de código reutilizable que se puede invocar en cualquier momento.

Puede recibir parámetros y devolver un valor.
```javascript
function saludar(nombre) {
console.log("¡Hola, " + nombre + "!");
}

saludar("Juan"); // Salida: ¡Hola, Juan!

```

- **Condicionales**: Estructuras que permiten tomar decisiones en función de una condición.

```javascript
var edad = 18;

if (edad >= 18) {

console.log("Eres mayor de edad.");
} else {
console.log("Eres menor de edad.");
}
```

- **Bucles**: Estructuras que permiten repetir bloques de código hasta que se cumpla una
condición.
```javascript
for (var i = 0; i < 5; i++) {
console.log(i);
}

// Salida: 0, 1, 2, 3, 4
```

### Ejemplos de Código JavaScript

#### 1. Manipulación del DOM

```javascript
// Obtener un elemento del DOM por su ID
var miElemento = document.getElementById("mi-elemento");
// Cambiar el contenido de un elemento
miElemento.innerHTML = "Nuevo contenido";

// Agregar una clase a un elemento

miElemento.classList.add("mi-clase");

// Manipular eventos
miElemento.addEventListener("click", function() {
console.log("Se hizo clic en el elemento.");
});
```

#### 2. Manipulación de arreglos

```javascript
var frutas = ["manzana", "plátano", "naranja"];

// Agregar un elemento al final del arreglo

frutas.push("uva");

// Obtener la longitud del arreglo

var longitud = frutas.length;

// Recorrer un arreglo
for (var i = 0; i < frutas.length; i++) {
console.log(frutas[i]);
}

// Salida: manzana, plátano, naranja, uva

```

#### 3. Objetos y métodos

```javascript
var persona = {
nombre: "Juan",
edad: 25,
saludar: function() {
console.log("Hola, soy " + this.nombre + " y tengo " + this.edad + " años.");
}
};

// Acceder a propiedades de un objeto

console.log(persona.nombre); // Salida: Juan

// Llamar a un método de un objeto

persona.saludar(); // Salida: Hola, soy Juan y tengo 25 años.
```

#### 4. Peticiones AJAX

```javascript
var xhr = new XMLHttpRequest();
xhr.open("GET", "https://api.ejemplo.com/data", true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var respuesta = JSON.parse(xhr.responseText);
console.log(respuesta);
}
};
xhr.send();
```

#### 5. Manipulación de cookies

```javascript
// Establecer una cookie
document.cookie = "nombre=Juan; expires=Fri, 31 Dec 2023 23:59:59 GMT; path=/";

// Obtener el valor de una cookie

var cookieValue = document.cookie.replace(/(?:(?:^|.*;\s*)nombre\s*\=\s*([^;]*).*$)|^.*$/, "$1");

// Eliminar una cookie

document.cookie = "nombre=; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/";
```

Estos son solo algunos ejemplos de código JavaScript. El lenguaje es bastante amplio y hay muchas
más características y funcionalidades que puedes explorar, como programación orientada a objetos,
manipulación de fechas, manejo de errores y mucho más. JavaScript también se utiliza en entornos
fuera del navegador, como Node.js, para crear aplicaciones de servidor. ¡Diviértete explorando y
aprendiendo JavaScript!