JSFiddle - React, Tailwind, and code Playground

by maxflex

HTML

<a>LINK</a>

CSS

a, a:visited {
    font-size: 40px;
    color: black;
    cursor: pointer;
}

a:hover {
    color: red;
}

a:focus {
    color: blue;
}

a:active {
    color: green;
}

JavaScript

$(document).ready(function() {
    $("a")
    .on("click", function() {
        window.open("http://google.com")
    })
    .on("mouseenter", function() {
        console.log("Mouse Enter")
    })
    .on("mouseout", function() {
        console.log("Mouse out")
    })
    .on("focus", function() {
        console.log("FOCUS")
    })
    .on("blur", function() {
        console.log("BLUR")
    })
})