22 lines
755 B
JavaScript
22 lines
755 B
JavaScript
document.addEventListener('DOMContentLoaded', function() {
|
|
const heartContainer = document.getElementById('heartContainer');
|
|
|
|
function createHeart() {
|
|
const heart = document.createElement('div');
|
|
heart.classList.add('heart');
|
|
heart.textContent = '💚'; // Heart emoji
|
|
heart.style.left = Math.random() * 100 + 'vw';
|
|
heart.style.fontSize = Math.random() * 20 + 10 + 'px';
|
|
heart.style.animationDuration = Math.random() * 2 + 3 + 's'; // Random duration between 3 to 5 seconds
|
|
heartContainer.appendChild(heart);
|
|
|
|
// Remove heart after it falls down
|
|
heart.addEventListener('animationend', function() {
|
|
heart.remove();
|
|
});
|
|
}
|
|
|
|
// Create new heart every 300 milliseconds
|
|
setInterval(createHeart, 300);
|
|
});
|