JSFiddle - React, Tailwind, and code Playground

by pradeep

HTML

<p>My telephone number is <span data-replace="555-41-23">555-XX-XX</span>. If you can not see it, just click it :)</p>

CSS

span[data-replace] {
    background-color: #afa;
    cursor: pointer;
}

JavaScript

jQuery('body').delegate('span[data-replace]', 'click', function(event){
    event.preventDefault();
    var older_value = jQuery(this).html();
    jQuery(this)
        .html(jQuery(this)
        .attr('data-replace'))
        .attr('data-replace',older_value);
});