JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/jquery-2.2.0.js"></script>
<p id="clickable">Click on this paragraph.</p>
<p id="main">
I will change on clicking
</p>

JavaScript

$("#clickable").click(function(){
	if($(this).hasClass('clicked-once')){
  	return false;
  } else {
  	$(this).addClass('clicked-once');
    $('#main').text('Single click');
   }
});

$("#clickable").dblclick(function(){
    $('#main').text('Double click')
});