47 lines
1.9 KiB
JavaScript
47 lines
1.9 KiB
JavaScript
document.addEventListener('DOMContentLoaded', function () {
|
|
// Smooth scrolling for anchor links
|
|
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
|
|
anchor.addEventListener('click', function (e) {
|
|
e.preventDefault();
|
|
document.querySelector(this.getAttribute('href')).scrollIntoView({
|
|
behavior: 'smooth'
|
|
});
|
|
});
|
|
});
|
|
|
|
// Contact form submission
|
|
const contactForm = document.getElementById('contactForm');
|
|
if (contactForm) {
|
|
contactForm.addEventListener('submit', function (e) {
|
|
e.preventDefault();
|
|
const name = document.getElementById('name').value;
|
|
const email = document.getElementById('email').value;
|
|
const message = document.getElementById('message').value;
|
|
const feedbackContainer = document.getElementById('form-feedback');
|
|
const formContainer = document.getElementById('contact-form-container');
|
|
|
|
const formData = new FormData();
|
|
formData.append('name', name);
|
|
formData.append('email', email);
|
|
formData.append('message', message);
|
|
|
|
fetch('contact.php', {
|
|
method: 'POST',
|
|
body: formData
|
|
})
|
|
.then(response => response.json())
|
|
.then(data => {
|
|
let alertClass = data.success ? 'alert-success' : 'alert-danger';
|
|
feedbackContainer.innerHTML = `<div class="alert ${alertClass}">${data.message}</div>`;
|
|
if (data.success) {
|
|
formContainer.style.display = 'none';
|
|
}
|
|
})
|
|
.catch(error => {
|
|
feedbackContainer.innerHTML = `<div class="alert alert-danger">An unexpected error occurred. Please try again.</div>`;
|
|
console.error('Error:', error);
|
|
});
|
|
});
|
|
}
|
|
});
|