Highlight non matching words in a string using JavaScript

<!DOCTYPE html>
<html>
  <body>
    <h3>Highlight non matching words in a string using JavaScript
    </h3>
    <p id="first">Samsung Galaxy J6 Plus (Blue, 64 GB)(4 GB RAM)<p>
    <p id="second">Samsung Galaxy J6 Plus (Black, 64 GB)(4 GB RAM)<p><br>
    <p id="result"><p>
    <script>
    var str = document.getElementById("first").innerText;
      var oth = document.getElementById("second").innerText;
      var newstr = str.replace(/[^a-z0-9]+/gi,"-").replace(/^-*|-*$/g,"");
      var keywords = newstr.split(/\-/);
      for(var i=0;i<keywords.length;i++) {
        keywords[i]=keywords[i]+"\\b";
      }
      var str1 = "\\b(?!"+keywords.join("|")+")\\w+";
      var reg = new RegExp(str1,"gi");
      var res = oth.replace(reg, function(x) {
        return x = "<span style='color:red'>"+x+"</span>"
      }
                           );
      document.getElementById("result").innerHTML=res;
    </script>
  </body>
</html>

Demo

Highlight non matching words in a string using JavaScript

No comments:

Post a Comment

Popular Posts

Tags

Contact Form