JSFiddle - React, Tailwind, and code Playground

HTML

<button id="btnTrigger">Make a trigger</button>

JavaScript

$(function(){
    $("#btnTrigger").on("click", talker);
    $(document).on("YOYO",listener);    
    //$(document).on("YOYO",listener2);     
});

//Imagine I live in a separate file
function talker(){
    console.log("Talking...");
    $(document).trigger("YOYO");
}

function listener(){
    console.log("HEREHERE!");
    $("button").css("border","2px solid blue");
}

function listener2(){
    console.log("LISTENING!");
    $("body").css("background","red");
}