JSFiddle - React, Tailwind, and code Playground

by Scott Kaye

HTML

<p>
    This is some text that has a <span class="nofind">hidden</span> word
    that can't be found using control-F!
</p>

JavaScript

console.clear();

(function () {
    var nofinds = document.getElementsByClassName("nofind");
    Array.prototype.forEach.call(nofinds, function (el) {
        var text = el.innerText;
        el.innerText = "";
        el.createShadowRoot()
            .innerHTML = "<style>:host:after{content:'" + text + "'}</style>";
    });
})();