JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="single-result"></ul>

<div id="click">click</div>

<ul id="dbl-result"></ul>

CSS

#single-result{background:#EEE;border:1px solid #CCC;width:300px;height:50px;margin-bottom:20px; overflow:hidden;}

#dbl-result{background:#EEE;border:1px solid #CCC;width:300px;height:50px;margin-top:20px;}

JavaScript

$('#click').click(function(){
   $('#single-result').append('<li>Single Click</li>'); 
});
$('#click').dblclick(function(){
   $('#dbl-result').append('<li>Double Click</li>'); 
});