JSFiddle - React, Tailwind, and code Playground

by Irvan Efendy

HTML

<div id="comment-holder">
   <p>Jual beli barang murah gan</p>
   <p>Test Out of Topic</p>
   <p>What the Fuck</p>
   <p><a href="http://bit.ly/1eV1hjH">Irvan Ganteng</a></p>
</div>

CSS

body {padding:50px;}

p {
    border:1px solid black;
    padding:5px 10px;
    margin:0 0 5px;
}
.spammer-detected {background-color:red;}
mark {background-color:red;color:yellow; }
mark2 {background-color:yellow;color:red; }
mark3 {background-color:blue;color:white; }

JavaScript

function blockLinks(parentID, children) {
    var parent = document.getElementById(parentID),
        content = parent.getElementsByTagName(children);
    for (var i = 0; i < content.length; i++) {

   var regex = /(^| |>)(Anjing|Anjink|Asu|Jancok|jancok|Fuck|Goblok||goblok|Judi|togel)(<| |$)/g,
            html = content[i].innerHTML;
        content[i].innerHTML = (regex.test(html)) ? '<del>' + html.replace(regex, "$1<mark>$2</mark>$3") + '</del><br><br><mark2>MAAF, Disini dilarang berkata kotor,..!!!</mark2>' : html;
 
   var regex = /(^| |>)(jual|beli|Rp|Murah|Android|Blacberry|Iphone|Sony|Samsung|Xperia)(<| |$)/g,
            html = content[i].innerHTML;
        content[i].innerHTML = (regex.test(html)) ? '<del>' + html.replace(regex, "$1<mark2>$2</mark2>$3") + '</del><br><br><mark3>Ups, dilarang <b>ngiklan</b> disni broO.</mark3>' : html;
        
   var regex = /(^| |>)(OOT|oot|Out of Topic)(<| |$)/g,
            html = content[i].innerHTML;
        content[i].innerHTML = (regex.test(html)) ? '<del>' + html.replace(regex, "$1<mark2>$2</mark2>$3") + '</del><br><br><mark>Mungkin pertanyaan sobat tidak akan dibalas,</mark> Karena saya sudah menyediakan Halaman <b><mark3>OOT</mark3></b>.' : html;   

   if (content[i].innerHTML.indexOf('<a href="http') !== -1) {
            content[i].innerHTML = "<mark2>No live link!!!</mark2> Dilarang nyepam di sini!";
            content[i].className = "spammer-detected";        
      }
   }
}

// Jalankan fungsi!
blockLinks('comment-holder', 'p');