Animate.css example with Javascript code

HTML

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>Animate.css</title>
	<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet">
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" />
</head>
<body>
	<div class="text-center mt-5">
		<h1 class="header animate__animated">I am dancing!</h1>
		<button class="btn btn-primary">Animate</button>
	</div>
	<script type="text/javascript">
	</script>
</body>
</html>

CSS

Javascript

document.querySelector('.btn-primary').addEventListener('click', function() {
	const elem = document.querySelector('.header');
	elem.classList.add('animate__bounce');
	setTimeout(function() {
		const elem = document.querySelector('.header');
		elem.classList.remove('animate__bounce');
	}, 1000);
});