Queryselector

En este post sobre Sweetalert 2 (Sweet Alert 2) veremos un ejercicio práctico: cómo solicitar el pago del cliente y mostrar el cambio (Dinero que se devuelve al comprador cuando entrega una cantidad superior al importe) en la misma alerta, validando todo. Veremos cómo escuchar el cambio del input de la alerta, modificar el HTML de la misma y validar según una variable externa. Recomiendo ver el tutorial de SweetAlert2 antes de leer este artículo. ...

Resumen: en este post te explico la importancia del evento DOMContentLoaded en JavaScript que afecta principalmente cuando recuperamos elementos del DOM antes de que el DOM esté listo. Esto es el equivalente a $(document).ready de jQuery. ...

Explicación de querySelector y querySelectorAll en JavaScript Introducción a querySelector y querySelectorAll en JS. En este post te explicaré dos funciones de JavaScript que funcionan para obtener referencia a un elemento del DOM. Estoy hablando de: document.querySelector document.querySelectorAll Que bien son un remplazo de document.getElementById y otras funciones un poco complejas. ...

En este post explicaré algo muy simple: cómo saber cuando un usuario hace click en un botón de JavaScript, también cuando hace click sobre muchos botones y cómo acceder al elemento del DOM. Esto también funcionará para saber cuando alguien hace click sobre otro elemento. Foto tomada con Polacode y marca de agua puesta con waterpy. Vamos a usar querySelector, querySelectorAll y addEventListener para ejecutar una función en el click del elemento. ...