lavkach3

1
function testAnim(x) {
2
  document.getElementById('animationSandbox').classList.remove();
3
  document.getElementById('animationSandbox').classList.add('animate__animated', 'animate__' + x);
4
  document.getElementById('animationSandbox').addEventListener('webkitAnimationEnd', removeClasses);
5
  document.getElementById('animationSandbox').addEventListener('mozAnimationEnd', removeClasses);
6
  document.getElementById('animationSandbox').addEventListener('MSAnimationEnd', removeClasses);
7
  document.getElementById('animationSandbox').addEventListener('oanimationend', removeClasses);
8
  document.getElementById('animationSandbox').addEventListener('animationend', removeClasses);
9
}
10

11
function removeClasses() {
12
  document.getElementById('animationSandbox').classList.remove();
13
}
14

15
document.addEventListener('DOMContentLoaded', function() {
16
  document.querySelector('.js--triggerAnimation').addEventListener('click', function(e) {
17
    e.preventDefault();
18
    var anim = document.querySelector('.js--animations').value;
19
    testAnim(anim);
20
  });
21

22
  document.querySelector('.js--animations').addEventListener('change', function() {
23
    var anim = this.value;
24
    testAnim(anim);
25
  });
26
});