第一步:先来布个局
<input type="text" id="text">
<input type="button" value="发送" id="but">
<ul></ul><!--放置我们的敏感词汇过滤效果-->
对于这些代码,菜鸟级别的选手都不是问题了,所以过~
对于原生的JavaScript来讲,如何找到这些敏感词汇,其实是先要来找到一个规则,证明那些词汇是敏感词汇,比如这样子
第二步:抒写规则
let Txt = document.getElementById("text")
let But = document.getElementById("but")
let ul = document.getElementsByTagName("ul")[0]
let reg = /傻逼|卧槽|你妈/g /*这就是规则*/
我们首先把需要用到的对象获取过来,再把规则匹配进去,当然我这里写的比较少了
第三步:点击发射
But.onclick = function(){
//正则开始匹配
let val = Txt.value //获取输入的敏感词汇
if(val){
val = val.replace(reg,function(match){//替换规则
var str = ""
for(let i=0,len=match.length;i<len;i++){
str += "*" //把敏感词汇替换成 *
}
return str
})
}
}
上面就是一个简易版本的循环的去获取输入的文本内容,来替换成*号,再渲染到页面上去
第四步:渲染页面
ul.innerHTML += `<li>val</li>`
把上面这个代码添加到if结束的后面就OK啦,是不是超级简单
想要学习更多小技能的小朋友,可以加群962386996一起学习哟