<head>
<meta charset="utf-8">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css"/>
</head>
<body>
<div id="id" class="animated" style="display: block; width: 200px; height: 200px; border: 1px solid grey;"></div>
<script>
document.getElementById("id").onclick = function(){
this.classList.add('bounce');
};
</script>
</body>