JSFiddle - React, Tailwind, and code Playground

by serio

HTML

<a href='javascript:(function(){var a=false;var c=document.createElement("script");c.src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js";c.onload=c.onreadystatechange=function(){if(!a&&(!this.readyState||this.readyState=="loaded"||this.readyState=="complete")){b()}};document.getElementsByTagName("head")[0].appendChild(c);var b=function(){var e=[];var d=["#fffc00","#ffe700","#ffc900","#ffa500","#ff7e00","#ff5800","#ff3300","#ff1500"];$("p").each(function(h){var k=$(this).html().split(" ");var g=k.length;for(var h=0;h<g;h++){var j=k[h];e.push(j)}});console.log(e);function f(k,j){var h=0;for(var g=0;g<k.length;g++){if(k[g]===j){h++}}return h}$("p").each(function(j){var l=$(this).html().split(" ");var h=l.length;var g=[];for(var j=0;j<h;j++){var k=l[j];if(f(e,k)>1){g[j]="<span style=background:red>"+k+"</span>";if(f(e,k)>7){g[j]="<span style=background:"+d[7]+">"+k+"</span>"}else{if(f(e,k)>6){g[j]="<span style=background:"+d[6]+">"+k+"</span>"}else{if(f(e,k)>5){g[j]="<span style=background:"+d[5]+">"+k+"</span>"}else{if(f(e,k)>4){g[j]="<span style=background:"+d[4]+">"+k+"</span>"}else{if(f(e,k)>3){g[j]="<span style=background:"+d[3]+">"+k+"</span>"}else{if(f(e,k)>2){g[j]="<span style=background:"+d[2]+">"+k+"</span>"}}}}}}}else{g[j]="<span>"+k+"</span>"}}$(this).html(g.join(" "))})}})();'>bookmarklet</a>