Necesito deshacerme de las funciones de flecha para los siguientes métodos de animate.style; Necesito ejecutar este código en un navegador de cromo heredado (40) que no admite funciones de flecha. Estoy tratando de transformarlo en una función heredada tradicional, pero sigo recibiendo errores de sintaxis ya que mi cerebro parece funcionar solo con funciones de flecha. ¡Cualquier ayuda con este desafío es muy apreciada!

 const animateCSS = (element, animation, prefix = 'animate__') => // We create a Promise and return it new Promise((resolve, reject) => { const animationName = `${prefix}${animation}`; const node = document.querySelector(element); node.classList.add(`${prefix}animated`, animationName); // When the animation ends, we clean the classes and resolve the Promise function handleAnimationEnd(event) { event.stopPropagation(); node.classList.remove(`${prefix}animated`, animationName); resolve('Animation ended'); } node.addEventListener('animationend', handleAnimationEnd, {once: true}); });

Y así es como usamos el método anterior, que también contiene una función de flecha:

 animateCSS('.my-element', 'bounce'); // or animateCSS('.my-element', 'bounce').then((message) => { // Do something after the animation });