Spaces:

K4rllll
/

pixelchameleon-transforma

Running

vc fala portugues?

8abad13 verified 9 months ago

1.6 kB

document.addEventListener('DOMContentLoaded', () => {
    // Smooth scroll for anchor links
    document.querySelectorAll('a[href^="#"]').forEach(anchor => {
        anchor.addEventListener('click', function(e) {
            e.preventDefault();
            const targetId = this.getAttribute('href');
            if (targetId === '#') return;
            
            const targetElement = document.querySelector(targetId);
            if (targetElement) {
                targetElement.scrollIntoView({
                    behavior: 'smooth',
                    block: 'start'
                });
            }
        });
    });

    // Add animation classes on scroll
    const animateOnScroll = () => {
        const elements = document.querySelectorAll('.scroll-animate');
        elements.forEach(element => {
            const elementPosition = element.getBoundingClientRect().top;
            const windowHeight = window.innerHeight;
            
            if (elementPosition < windowHeight - 100) {
                element.classList.add('fade-in');
            }
        });
    };

    window.addEventListener('scroll', animateOnScroll);
    animateOnScroll(); // Run once on load

    // Form submission handling
    const contactForm = document.querySelector('form');
    if (contactForm) {
        contactForm.addEventListener('submit', (e) => {
            e.preventDefault();
            // Here you would typically send the form data to a server
            alert('Thank you for your message! We will get back to you soon.');
            contactForm.reset();
        });
    }
});

	document.addEventListener('DOMContentLoaded', () => {
	// Smooth scroll for anchor links
	document.querySelectorAll('a[href^="#"]').forEach(anchor => {
	anchor.addEventListener('click', function(e) {
	e.preventDefault();
	const targetId = this.getAttribute('href');
	if (targetId === '#') return;

	const targetElement = document.querySelector(targetId);
	if (targetElement) {
	targetElement.scrollIntoView({
	behavior: 'smooth',
	block: 'start'
	});
	}
	});
	});

	// Add animation classes on scroll
	const animateOnScroll = () => {
	const elements = document.querySelectorAll('.scroll-animate');
	elements.forEach(element => {
	const elementPosition = element.getBoundingClientRect().top;
	const windowHeight = window.innerHeight;

	if (elementPosition < windowHeight - 100) {
	element.classList.add('fade-in');
	}
	});
	};

	window.addEventListener('scroll', animateOnScroll);
	animateOnScroll(); // Run once on load

	// Form submission handling
	const contactForm = document.querySelector('form');
	if (contactForm) {
	contactForm.addEventListener('submit', (e) => {
	e.preventDefault();
	// Here you would typically send the form data to a server
	alert('Thank you for your message! We will get back to you soon.');
	contactForm.reset();
	});
	}
	});