JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#this is a really UGLY link @1##$$%!!&" 
   onmouseover="showNiceLink(this,event)" 
   onclick="showNiceLink(this,event)" 
   onmouseout="showNiceLink(this,event)">someplace</a>

JavaScript

function showNiceLink(el,e){
    e = e || event;
    el.originalHref = el.originalHref || el.href;
    console.log(e.type);
    if (/click|out/i.test(e.type)){
        return el.href = el.originalHref;
    } else {
        el.href = "http://Linking...";
    }
}