app.js

const contactForm = document.querySelector('.contact-form');
let yourName = document.getElementById('name');
let email = document.getElementById('email');
let subject = document.getElementById('subject');
let message = document.getElementById('message');


contactForm.addEventListener('submit', (e) => {
    e.preventDefault();   // refreshed the form after submit 

    let formData = {
        name: yourName.value,
        email: email.value,
        subject: subject.value,
        message: message.value
    
    }
    
    let xhr = new XMLHttpRequest();
    xhr.open('POST', '/');                                      
    xhr.setRequestHeader('content-type', 'application/json');
    xhr.onload = function() {
        console.log(xhr.responseText);
    if(xhr.responseText == 'success') {
        alert('Email sent');
        yourName.value = '';
        email.value = '';
        subject.value = '';
        message.value = '';
    } else {
        alert('Something is wrong')
    }
    }

    xhr.send(JSON.stringify(formData));
})