搜索关键词高亮

  <input type="text" />

    <button οnclick="Searchvalue()">搜索</button>

    <p>

      挂号、预约、问诊、检查、取药、排队代交费、打印病历……徐海洋的工作就是用最短的时间完成各种就医手续，帮助患者解决遇到的问题。

      　　“这种药是一天三顿、每顿一粒，饭后吃。注意饮食清淡、睡眠充足。”

      虽然每种药的用法用量包装盒上都有标记，但徐海洋还是忍不住把医嘱向患者重复了一遍，就像在叮嘱自己的朋友一样。实际上，他们见面还不足一小时。

      　　“自从成为一名陪诊师，这已经成了我的一种习惯。”他说。 　　不止是跑腿

      　　前段时间，徐海洋的一名老乡在当地看病，检查出肺部有阴影，确诊为恶性肿瘤，需要切除。这名患者心存疑虑，通过朋友联系上了徐海洋。简短沟通后，这名患者确定到北京再做一次检查。

      　　在中国医学科学院肿瘤医院里，徐海洋陪着患者进行了一系列的检查。医生告知他们并无大事，只是一个普通结节，并给开了相关的治疗药品，半年复检一次即可。

      　　徐海洋，从事陪诊师13年。作为一名陪诊师，他的工作内容是陪人看病。

      　　徐海洋告诉《瞭望东方周刊》，作为一名陪诊师，他服务的人群主要是老年人和外地来京看病的患者。每一次和客户见面前，他都会进行详细的电话沟通，了解对方的病情和诉求，还要清楚地知道哪几家医院是客户的优选。在医院陪诊时，徐海洋总会随身携带小本子，详细记录陪诊流程和注意事项，结束陪诊后，再仔细叮嘱患者注意事项。

      　　“我们帮病人挂号、取药、邮寄病历等，都是走医院的正规流程。”徐海洋告诉《瞭望东方周刊》，他会主动帮患者考虑成本，如果患者千里迢迢来到北京，结果和当地医院给出的治疗方案一模一样，岂不是白跑一趟？因此，对于外地患者，他会先行“代问诊”，花时间和患者提前沟通了解患者的病情和需求，然后转述给医生。

    </p>

    <script>

      let input = document.querySelector("input");

      let p = document.querySelector("p");

      function Searchvalue() {

       

        let keyword = input.value;

        let content = p.innerText;

        let reg = new RegExp(keyword, "ig");

        console.log(reg);

        // let reg = /keyword/ig

        let str = content.replace(

          reg,

          `<span style="color:red;font-size:30px">${keyword}</span>`

        );

        console.log(str);

        p.innerHTML = str;

      }

    </script>