JSFiddle - React, Tailwind, and code Playground

by hallettj

HTML

<a id="link" href="#">tap me</a>
<a href="#">move focus</a>
<ul id="console"></ul>

JavaScript

function log(msg) {
    $('#console').append($('<li>', { text: msg }));
}

$('#link').mouseover(function(event) {
    log("hover");
}).mouseout(function(event) {
    log("out");
}).click(function() {
    log("click");
});