JSFiddle - React, Tailwind, and code Playground
by turiyag
HTML
<html>
<head>
</head>
<body>
<div id="console">
<h2>Console</h2>
</div>
<div id="blurry">
Hover over me, then over something else!
</div>
</body>
</html
CSS
#blurry {
width: 150px;
height: 150px;
background: cyan;
}
div {
border: 1px solid black;
}
#console {
background: #DDF;
}
#console h2 {
font-size: 1.5em;
}
JavaScript
$(function() {
$("#blurry").blur(function() {
log("Blurred!");
});
});
function log(msg) {
$("#console").append("<pre>" + msg + "</pre");
}