script.js

//Hamburgur menu
const ul=document.getElementById('ul')
const menu=document.getElementById('toggle')
menu.addEventListener('click',()=>{
    ul.classList.toggle('ulnewclass')
})






//collecting the form data and logging in the console

//select the form element
const form = document.querySelector(".contact-form");


//do the following on form submission
form.addEventListener('submit', event => {
    event.preventDefault();
    
    //extract the data on form submission
    const nameInput = document.getElementById("name");
    const emailInput = document.getElementById("email");
    const phoneInput = document.getElementById("phone");
    const instituteInput = document.getElementById("institution");
    const messageInput = document.getElementById("message");


    //making a formData object
    const formData = {
        name : nameInput.value,
        email: emailInput.value, 
        phone: phoneInput.value,
        institute: instituteInput.value,
        message: messageInput.value
    };

    //logging the data
    console.log(formData);

    //we can now use fetchAPI to post data to the desired server
    //we can also display successfull data sent message after a
    //successfull post request

    //reset the inputs 
    nameInput.value = "";
    emailInput.value = "";
    phoneInput.value = "";
    instituteInput.value = "";
    messageInput.value = "";

});