Como posso fazer um filtro de palavras em Javascript? Por exemplo, tenho uma div
e dentro dessa div
não quero que existam determinadas palavras que estão dentro de um array:
var badWords = ['teste', 'teste1', 'oteste2'];
Como faço para verificar se essas palavras existem no texto e substituir seu conteúdo de maneira que a primeira letra dessa palavra apareça, mas o restante fique com asteriscos?
Por exemplo:
<div>Este texto tem as palavras: teste, teste1 e oteste2, e eu quero filtrar as palavras teste, oteste1 e teste2</div>
O conteúdo acima seria substituído por algo assim:
<div>Este texto tem as palavras: t****, t***** e o******, e eu quero filtrar as palavras t****, t***** e o******</div>
Lembrando que não posso usar jQuery, precisaria ser em Javascript puro justamente porque não justifica usar a biblioteca completa só para fazer isso...