Como mencioné en el título, ¿cómo puedo reescribir este código Jquery en Vanilla JS?
Aquí está el ejemplo de código Jquery:
$(document).on('click', '.btn', function())Así es como podría verse el fragmento de VanillaJS
document.addEventListener('click', function (event) { if (!event.target.matches('.btn')) return; event.preventDefault(); // Your code }, false);o si prefiere adjuntar el controlador de clics a un elemento específico
var clickMe = document.querySelector('.click-me'); clickMe.addEventListener('click', function (event) { // Dosomething... });Puede usar la función querySelector que es similar a $ en jQuery y agregar el oyente deseado usando addEventListener . Si desea una lista de todos los elementos de la clase btn , puede usar la función querySelectorAll .
Ver documentación aquí: