document.addEventListener('DOMContentLoaded', () => { const cards = document.querySelectorAll('.card'); cards.forEach(card => { card.addEventListener('mouseenter', () => { card.style.transform = 'scale(1.05)'; }); card.addEventListener('mouseleave', () => { card.style.transform = 'scale(1)'; }); }); const buttons = document.querySelectorAll('button'); buttons.forEach(button => { button.addEventListener('click', () => { alert('Button clicked!'); }); }); });