JavaScript不文明字转为*显示

1、HTML部分

<textarea name="" id="txt" id="" cols="30" rows="10"></textarea>
<button onclick="btnClick();">发布</button>
<div id="msg"></div>

2、css部分

#msg {
            width: 350px;
            height: 300px;
            border: 1px solid #000000;
}

3、JavaScript部分

//定义一个数组，存放非法字符
var arr = [/tmd/ig,/wdnmd/ig,/fuck/ig,/shit/ig];
//通过ID获取到输入框内容，定义txtCopy获取到用户所输入的内容，进行遍历，有非法字符就自动转成*号显示
function btnClick(){
            var tTxt = document.getElementById("txt");
            var tMsg = document.getElementById("msg");
            var txtCopy = tTxt.value;
            for(var i = 0;i < arr.length;i++){
                txtCopy = txtCopy.replace(arr[i],"*");
            }
            tMsg.innerHTML = txtCopy;
            tMsg.value = '';
}