目标效果:
替换输入的所以敏感词: 激情,gay 为 **
e.g.1初始状态:
e.g.2输入:老师上课很有激情,希望老师之后继续保持激情。pink老师是gay吗?
点击提交按钮之后:
重点原理:
1.正则表达式中的替换方法replace()
2.正则表达式中的参数
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
textarea {
width: 300px;
height: 100px;
border: 1px solid #ccc;
}
</style>
</head>
<body>
<textarea name="" id="message"></textarea> <button>提交</button>
<div></div>
<script>
var text = document.querySelector('textarea');
var btn = document.querySelector('button');
var div = document.querySelector('div');
btn.onclick = function () {
//替换敏感词 激情,gay 为 **
div.innerHTML = text.value.replace(/激情|gay/g, '**');
}
</script>
</body>
</html>