JavaScript es un lenguaje de programación ampliamente utilizado en el desarrollo web. A continuación, exploraremos algunos conceptos clave que debes conocer para crear sitios web interactivos y dinámicos.
Las variables son contenedores para almacenar valores. En JavaScript, puedes declarar variables utilizando var
, let
o const
. Algunos tipos de datos comunes son:
true
o false
.
let edad = 30;
const nombre = "Juan";
let esMayor = true;
Las funciones son bloques de código reutilizables. Puedes definir funciones y luego llamarlas en cualquier parte de tu código.
function saludar(nombre) {
console.log(`¡Hola, ${nombre}!`);
}
saludar("María");
Los eventos permiten que tu sitio web responda a acciones del usuario, como hacer clic en un botón o mover el mouse. Puedes agregar eventos a elementos HTML.
Haz clic
El DOM (Modelo de Objetos del Documento) representa la estructura de tu página web. Puedes modificar elementos HTML utilizando JavaScript.
const miParrafo = document.querySelector("#miParrafo");
miParrafo.textContent = "Texto actualizado";
Los condicionales (if
, else
, switch
) te permiten tomar decisiones en tu código. Los bucles (for
, while
) te ayudan a repetir tareas.
if (edad >= 18) {
console.log("Eres mayor de edad");
}
for (let i = 0; i < 5; i++) {
console.log(`Iteración ${i}`);
}
JavaScript te permite cargar datos de forma asíncrona desde servidores. Puedes usar fetch
para obtener información de APIs o bases de datos.
fetch("https://api.example.com/data")
.then(response => response.json())
.then(data => console.log(data));
const colores = ["rojo", "verde", "azul"];
console.log(colores[0]); // Imprime "rojo"
const persona = {
nombre: "Ana",
edad: 25,
saludar: function() {
console.log(`¡Hola, soy ${this.nombre}!`);
}
};
persona.saludar(); // Imprime "¡Hola, soy Ana!"
const esMayorEdad = (edad >= 18) ? "Sí" : "No";
console.log(`¿Es mayor de edad? ${esMayorEdad}`);
const suma = (a, b) => a + b;
console.log(suma(3, 5)); // Imprime 8
localStorage
para almacenar datos en el navegador del usuario.
localStorage.setItem("usuario", "Juan");
const usuarioGuardado = localStorage.getItem("usuario");
console.log(`Usuario guardado: ${usuarioGuardado}`);
Recuerda que estos son solo ejemplos básicos. JavaScript es un lenguaje amplio y versátil, así que ¡explora más y diviértete programando!😊
Carmelaelusa
on El vÃdeo que circula en Facebook (viral)
10 December 2024, 03:22
ThomasCow
on El vÃdeo que circula en Facebook (viral)
09 December 2024, 16:07
Victorunsem
on El vÃdeo que circula en Facebook (viral)
09 December 2024, 16:04
Juliusbat
on El vÃdeo que circula en Facebook (viral)
09 December 2024, 00:18