JSFiddle - React, Tailwind, and code Playground

HTML

<button id="clickme">Click or Double Click Me</button>
<hr />
<textarea disabled="disabled" rows="20" cols="40"></textarea>

JavaScript

$(document).ready(function() {
    // Bu fonksiyon textarea'nın içeriğini temizler
    function clearTextarea() {
        $("textarea").val("");
    }
     
    // Bu fonksiyon textarea objesine metin ekler
    function append(str) {
        $("textarea").val($("textarea").val() + str + "\n");
    }
    
    // Tek tıklamayı da çift tıklamayı da 
    // bu fonksiyon yakalasın
    function clickOrDblClick(event) {
        clearTextarea();
        
        // event üzerinde gönderdiğimiz data'dan
        // gelen bilgileri de kutuya yazsın.
        append(event.data.type);
        append(event.data.anyValue);
    }
    
    $("#clickme").bind("click", {type: "clicked", anyValue: 123}, clickOrDblClick);
    $("#clickme").bind("dblclick", {type: "double clicked", anyValue: 321}, clickOrDblClick);
});