Los dos componentes principales para entender JavaScript en el navegador son:

Componente	Función Principal
🪟 Window	Control del navegador y funcionalidades globales
🌳 DOM	Manipulación de documentos HTML

🔑 Es importante notar que Window es el objeto global y el DOM es parte de él.

👨‍💻 Mejores Prácticas para Selección de Elementos

Para manipular elementos del DOM, estas son las recomendaciones actuales:

🎯 Método Preferido: querySelector / querySelectorAll
- ✨ Ofrece mayor versatilidad
- 🚀 Recomendado para proyectos modernos
🎪 Método Alternativo: getElementById
- ⚡ Ideal para búsquedas rápidas por ID
- 🎯 Más específico y directo

📝 Diferencias entre `innerText` y `textContent` en JavaScript

En JavaScript, tanto innerText como textContent se usan para leer o modificar el texto dentro de un elemento HTML, pero no funcionan igual. Aquí te explico las diferencias clave 👇

🔍 ¿Qué hace cada una?

Propiedad	¿Qué devuelve?	¿Tiene en cuenta estilos CSS?	¿Incluye texto oculto?
`innerText`	Solo el texto visible para el usuario (lo que se ve en pantalla)	✅ Sí	❌ No
`textContent`	Todo el texto del nodo, incluso el oculto o fuera de pantalla	❌ No	✅ Sí

💡 Ejemplo práctico en HTML

<div id="ejemplo">
  <p>Texto visible</p>
  <p style="display: none;">Texto invisible</p>
</div>

⚙️ Código JavaScript


const ejemplo = document.getElementById('ejemplo');

console.log(ejemplo.innerText);    // Resultado: "Texto visible"
console.log(ejemplo.textContent);  // Resultado: "Texto visibleTexto invisible"

👨‍💻 Mejores Prácticas para Selección de Elementos

📝 Diferencias entre innerText y textContent en JavaScript

🔍 ¿Qué hace cada una?

💡 Ejemplo práctico en HTML

⚙️ Código JavaScript

🧠 ¿Cuál deberías usar?

📝 Diferencias entre `innerText` y `textContent` en JavaScript