用JS写出正则表示式的内容查找与替换

内容查找与替换

• 编写HTML，定义两个文本域，一个用于用户输入，另一个用于显示按照要求替换后的过滤内容。

• 用户输入只要含有bad和任意中文字符，就利用*替换。

• 查找并替换的内容规则：/(bad)|[\u4e00-\u9fa5]/gi。

 CSS页面代码：

<style>
    textarea{
      box-sizing: border-box;
      padding: 20px;
    }
    #text_filter{
      margin: 10px;
    }
  </style>

HTML页面代码：

<textarea name="intput_text" id="intput_text" cols="30" rows="10"></textarea><br>
  <button id="text_filter">过滤</button><br>
  <textarea name="output_text" id="output_text" cols="30" rows="10"></textarea>
  <script>
    let _input_text=document.getElementById('intput_text');
    let _output_text=document.getElementById('output_text');
    let _text_filter=document.getElementById('text_filter');
    _text_filter.onclick=function(){
      let reg=/(bad)|[\u4e00-\u9fa5]/gi;
      let _input_text_val=_input_text.value;
      let newVal=_input_text_val.replace(reg,'*');
      _output_text.innerHTML=newVal;
    }
  </script>

运行结果如图：