animate it

by simati

HTML

<script src="https://unpkg.com/[email protected]/dist/vue.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/animate.min.css">
<div id="app">
    <h1 class="another-class animated">Animate.css</h1>
    <button @click="animate">
    animate it
    </button>
</div>

JavaScript

var app = new Vue({
  el: '#app',
  methods: {
  	animate() {
    	let elem = document.querySelector('.another-class')
      if (!elem.classList.contains('bounce')) {
				elem.classList.add('bounce')
      }
			setTimeout(() => { elem.classList.remove('bounce') }, 1000)
    }
  }
})