finlolo,
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
</head>
<body>
<span class="link">https://javascript.ru/forum/</span>
<script>
const span = document.querySelector(".link");
span.onclick = function() {
document.execCommand("copy");
}
span.addEventListener("copy", function(event) {
event.preventDefault();
if(span.querySelector(".far")) return;
if (event.clipboardData) {
event.clipboardData.setData("text/plain", span.textContent);
var strLink = event.clipboardData.getData("text");
console.log(span.style);
span.innerHTML = '<i class="far fa-copy"></i> Ссылка скопирована';
span.style.justifyContent = 'center';
span.style.fontSize = '15px';
setTimeout(function(){
span.innerHTML = strLink;
span.style.justifyContent = 'flex-start';
span.style.fontSize = '20px';
},3000)
}
});
</script>
</body>
</html>