Take two… not much more readable, but a lot prettier! Quick feedback helps so I built a web tool: www.mxdvl.com/tools/boussole
Max Duval
@mxdvl.com
102 followers 320 following 241 posts
Web + Data + Tools + Design I lead UK property data exploration & visualisation at Hometrack on data.hometrack.com (parfois j’écris en Français…)
![Screenshot of TypeScript’s type information for HTMLAnchorElement.href:
Returns the hyperlink’s URL.
Can be set, to change the URL.
MDN Reference
Full code snippet:
for (const email of document.querySelectorAll('a[href*="mailto:"]')) {
if (!(email instanceof HTMLAnchorElement)) continue;
const button = document.createElement("button");
button.classList.add("copy");
button.innerText = "Copy";
/** @type {number | undefined} */
let timeout;
button.addEventListener("click", () => {
navigator.clipboard.writeText(email.href.replace("mailto:", ""));
button.innerText = "Copied";
clearTimeout(timeout);
timeout = setTimeout(() => button.innerText = "Copy", 3600);
});
email.insertAdjacentElement("afterend", button);
}](https://cdn.bsky.app/img/feed_thumbnail/plain/did:plc:ragnyp2umnktcv2krif4lhvs/bafkreihpk62cvnd3e6ki7ldcyrntreggcse6bj7pvpqm7huo6brt3qdd7e)
