File size: 1,417 Bytes
4e08bec | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 | document.addEventListener('DOMContentLoaded', () => {
// Animate elements on scroll
const animateOnScroll = () => {
const elements = document.querySelectorAll('.fade-in, .slide-up');
elements.forEach(element => {
const elementPosition = element.getBoundingClientRect().top;
const screenPosition = window.innerHeight / 1.3;
if (elementPosition < screenPosition) {
element.style.opacity = '1';
}
});
};
// Initial check
animateOnScroll();
// Check on scroll
window.addEventListener('scroll', animateOnScroll);
// Form submission handling
const contactForm = document.querySelector('form');
if (contactForm) {
contactForm.addEventListener('submit', (e) => {
e.preventDefault();
// Get form values
const name = document.getElementById('name').value;
const email = document.getElementById('email').value;
const message = document.getElementById('message').value;
// Here you would typically send the data to a server
console.log({ name, email, message });
// Show success message
alert('Thank you for your message! We will get back to you soon.');
contactForm.reset();
});
}
}); |