每天一个效果 ：（7）敏感词过滤

我们平时在评论一些视频或者去博客上上传信息的时候，这个功能非常常见。比如，我不想让你发布黄色，赌博有关的一些话语，就可以运用这个功能。

我们先来看一下html文件

<h2>敏感词过滤</h2>
    <p>
        <textarea name="" id="area" cols="30" rows="10"></textarea>
    </p>
    <p>
        <input type="submit" value="发布" id="input">
    </p>
    <p id="res"></p>

接着看css文件

    <style>
        #res {
            width: 200px;
            height: 200px;
            border: 1px solid #ccc;
        }
    </style>

我们来看一下效果

 接下来我们来说一下逻辑，用户输入值，如果和正则匹配到了，则进行替换

先取到area，input，和res  然后用正则来进行匹配，如果匹配到了就替换，没匹配到就不替换

最后在input上给一个点击事件就可以了，我们把被替换文本重新赋给res就可以了

我们来看一下js代码

    <script>
        //逻辑：用户输入的值，如果和正则匹配到了，则进行替换
        //骂人的话用*代替
        let area = document.getElementById('area');
        let input = document.getElementById('input');
        let res = document.getElementById('res');
        // 为了给全局匹配，也就是每一项都进行匹配，用g来进行与每一项都匹配   g为模式修饰符
        let reg = /fuck|妈的/g;
        input.onclick = function(){
           let newValue =  area.value.replace(reg,'*');
           res.innerHTML = newValue;
        }
    </script>

接着看一下效果

 上面这脏话是我表哥打的哈~（表哥非碰我电脑），好了，今天就分享到这了，感谢收看~