app.js

const headerNamePrimary = document.querySelector('.header-name__primary');
const headerNameAlt = document.querySelector('.header-name__alt');
const allIcons = document.querySelectorAll('.icon');
const mailIcon = document.querySelector('#mail')

const resetHeaderNamePrimary = function() {
    headerNamePrimary.classList.toggle('hide');
    headerNameAlt.innerHTML = "";
}

function copyTextToClipboard() {
    var emailAddress = 'hey@anthonybronkema.com';
    navigator.clipboard.writeText(emailAddress).then(function() {
        headerNameAlt.innerHTML = "email addy saved to clipboard!"
    }, function() {
        headerNameAlt.innerHTML = "copy to clipboard failed."
    })
}

const setAlternateText = function(event) {
    if (event.target.id === "code") {
        headerNameAlt.innerHTML = "github/abronkema";
    }
    if (event.target.id === "mail") {
        headerNameAlt.innerHTML = "send me a note";
}
};

mailIcon.addEventListener("click", copyTextToClipboard);

allIcons.forEach(function(el) {
    if (el.id == "mail") {
        el.addEventListener('click', function(el) {
        })
    }
        el.addEventListener('mouseover', function(event) {
            resetHeaderNamePrimary();
            setAlternateText(event);
        });
        el.addEventListener('mouseleave', function(event) {
            resetHeaderNamePrimary();
        });  
});