index.js

const navToggle = document.querySelector(".nav-toggle")
const navLinks = document.querySelectorAll(".nav-link")


navToggle.addEventListener('click', () => {
    document.body.classList.toggle('nav-open')
})

navLinks.forEach(link => {
    link.addEventListener('click', () => {
        document.body.classList.remove('nav-open')
    })
})

let parts = ["micha", "ella", "com", ".", "@", "hotmail"];
let email = parts[0] + parts[3] + parts[1] + parts[4] + parts[5] + parts[3] + parts[2];
const emailEl = document.getElementById("email")
emailEl.innerHTML = email
emailText = emailEl.innerHTML;

emailEl.addEventListener("click", copyToClipboard)

async function copyToClipboard() {
    try {
        await navigator.clipboard.writeText(emailText);
        alert("Copied the text: " + emailText);
    }
    catch (err) {
        alert("Failed to copy: " + err)
    }
  
}