{"size": 940, "ext": "js", "max_stars_repo_path": "public/assets/js/contact.js", "max_stars_repo_name": "geanieblanco/windows95-profile", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "public/assets/js/contact.js", "max_issues_repo_name": "geanieblanco/windows95-profile", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "public/assets/js/contact.js", "max_forks_repo_name": "geanieblanco/windows95-profile", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 26.8571428571, "max_line_length": 78, "alphanum_fraction": 0.7563829787}
const showMessageButton = document.querySelector('.js-show-message');
const sendMessageButton = document.querySelector('.js-send-message');
const messageContainer = document.querySelector('.js-message-container');
const detailsContainer = document.querySelector('.js-details-container');

let name;
let email;
let message;

const toggleMessageContainers = (e) => {
    e.preventDefault()
    messageContainer.classList.remove('hidden');
    detailsContainer.classList.add('hidden');
}

const showMessage = (e) => {
    e.preventDefault(e)
}


function handleShowMessageClick() {
    showMessageButton.addEventListener('click', toggleMessageContainers)
}

function handleSendMessageClick() {
    sendMessageButton.addEventListener('click', showMessage)
}

function setupHandlers() {
    handleShowMessageClick()
    // handleSendMessageClick()
    // document.querySelector('form').addEventListener('submit', sendMessage);
}

setupHandlers()