Tuve un problema con el ícono giratorio mientras hacía clic en él. Traté de usar el cuadro clave para el icono de ángulo de rotación:

 @keyframes rotateAngle { 0%{ transform: rotate(-180deg); } }

y lo usé en la función javascript como esta:

 function changeAngle(e) { let angleIcon = e.currentTarget.querySelector("i"); angleIcon.classList.toggle("fa-angle-up"); angleIcon.style.animation = 'rotateAngle 0.6s' }

funciona, pero solo para el primer clic.