JSFiddle - React, Tailwind, and code Playground

by Darker

HTML

<div>This will not change.</div>
   <div id="divid">

    <div>This will change.</div>
    <div>Hello, my name is Willy.</div>
    <div>Can a last will be in HTML?</div>

  </div>

  <div>This will not change.</div>
<button onclick="window.checkit('will')">Emphasize <b>will</b></button>
<button onclick="checkit('a')">Emphasize <b>a</b></button>
<div class="note">Note: the emphasizing will happen to tags (like &lt;a&gt;) too.</font>

CSS

div.note {
    color: green;
    font-style: italic;   
    
}

JavaScript

window.checkit = function(hlWord){

        var nregex = new RegExp(hlWord,"gi");
        var div = document.getElementById("divid").getElementsByTagName('div');

        for(var i=0; i < div.length; i++){
            var div1 = div[i].innerHTML;
            var rword = div1.replace(nregex,"<b>"+hlWord+"</b>");
            div[i].innerHTML = rword;
        }
  }