JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://rawgithub.com/EightMedia/hammer.js/master/hammer.min.js"></script>
<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1, maximum-scale=1">
<div id="output">TAP ME</div>

CSS

#output {
    width: 200px;
    height: 200px;
    background-color: #6699FF;
}

JavaScript

var output = document.getElementById("output");
var hammer = new Hammer(output);


hammer.on("doubletap", function() {
        output.innerText += " / doubletap";
    });

$("#output").on("dblclick", function(){
     output.innerText += " / doubleclick";
});