Highlight the 45th through 75th character of a piece of text

45-75.bookmarklet.js

javascript:!function(){var a=document.createElement("style");a.type="text/css";a.innerHTML="p:hover, li:hover, dt:hover, dd:hover, h1:hover, h2:hover, h3:hover, h4:hover, h5:hover, h6:hover { outline: 2px solid red; }";document.body.appendChild(a);var d=function(c){var b=c.target.innerText;c.target.innerHTML=b.substring(0,45)+"<span style='color: red;'>"+b.substring(45,75)+"</span>"+b.substring(75);document.removeEventListener("click",d);a.parentNode.removeChild(a)};document.addEventListener("click",d)}();

45-75.js

!function() {
    const css = document.createElement("style");
    css.type = "text/css";
    css.innerHTML = "p:hover, li:hover, dt:hover, dd:hover, h1:hover, h2:hover, h3:hover, h4:hover, h5:hover, h6:hover { outline: 2px solid red; }";
    document.body.appendChild(css);

    const handler = (event) => {
        //console.log(event.target.nodeName); 
        const txt = event.target.innerText;
        event.target.innerHTML = txt.substring(0, 45) + "<span style='color: red;'>" + txt.substring(45, 75) + "</span>" + txt.substring(75)
        document.removeEventListener("click", handler);
        css.parentNode.removeChild(css);
    };
    document.addEventListener("click", handler);
}();