JSFiddle - React, Tailwind, and code Playground

HTML

<span id="i">This,   -:,is,: a-message.</span>

JavaScript

$("#i").on("click", function() {
    $(this).text($(this).text().replace(/[\. ,:-]+/g, "-"));
});