Afficher une adresse email et éviter les spams

Ce script permet d'afficher une adresse email sur le site invisible aux robots et permet donc d'éviter de se faire spammer

HTML:

<a class="css-email" data-email="info"></a>

CSS:

.css-email {
text-decoration: underline;
cursor: pointer;
}
.css-email::before {
content: attr(data-email);
}
.css-email::after {
content: "@elastik.eu";
}

JS:

<script>
document.addEventListener('DOMContentLoaded', function() {
const emailSpan = document.querySelector('.css-email');
emailSpan.addEventListener('click', function() {
const email = this.dataset.email + '@elastik.eu';
window.location.href = 'mailto:' + email;
// alert("click");
});
});
</script>
Share the Post: