JSFiddle - React, Tailwind, and code Playground

by beatyoup

HTML

<html>

  <head>
    <!-- TrackSoul tracking script below -->
    <script async id="TrackSoul"
    client_id="388279569961971"
    client_key="xQEgKLkGLqxqnPBj6QUFawplWA18nu"
    domain_name="yoursite.com">
    </script>
    
	</head>


  <body>
    <input type="text"> OK
    <h1 id="first" class="first">Hello</h1>
    <input type="radio">Check
    <h1>Hello</h1>
    <h1>Hello</h1>
  </body>
  
</html>

JavaScript

!function(){"use strict";const t=document.getElementById("TrackSoul").getAttribute("domain_name");document.getElementById("TrackSoul").getAttribute("client_id"),document.getElementById("TrackSoul").getAttribute("client_key");function e(t){var e=new XMLHttpRequest;e.open("POST",data_endpoint),e.setRequestHeader("Content-Type","application/json;charset=UTF-8"),e.send(JSON.stringify(t))}function n(t){var e=Math.floor(t/6e4),n=(t%6e4/1e3).toFixed(0);return e+":"+(n<10?"0":"")+n}function o(){var t=function(t){for(var e=t+"=",n=document.cookie.split(";"),o=0;o<n.length;o++){for(var i=n[o];" "==i.charAt(0);)i=i.substring(1);if(0==i.indexOf(e))return i.substring(e.length,i.length)}return""}("shiling_tracking");if(""!=t)return t;var e=function(t=10){for(var e="",n="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789",o=n.length,i=0;i<t;i++)e+=n.charAt(Math.floor(Math.random()*o));return e}();return""!=e&&null!=e?(function(t,e,n){var o=new Date;o.setTime(o.getTime()+24*n*60*60*1e3);var i="expires="+o.toUTCString();document.cookie=t+"="+e+";"+i+";path=/"}("shiling_tracking",e,365),!1):void 0}function i(){!function(t,e,n,o=null){var i;try{i=new XMLHttpRequest}catch(t){try{i=new ActiveXObject("Msxml2.XMLHTTP")}catch(t){try{i=new ActiveXObject("Microsoft.XMLHTTP")}catch(t){return alert("Your browser does not support Ajax."),!1}}}i.onreadystatechange=function(){4==i.readyState&&n(i)},i.open(e,t,!0),i.send(o)}("https://www.cloudflare.com/cdn-cgi/trace","get",(function(t){var e=t.responseText.split("\n"),n=e[2].split("=")[1];e[8];return n}))}var r,a,c,s,l,u,d,g,_,p;!function(t,e){const r=document.querySelector("input");if(null==r)return null;e&&r.addEventListener("input",(function(t){var e=o(),r=window.location.href,a=n(performance.now()),c=t.data;c={data_type:"visitor_typing",current_visiting_url:r,client_cookie_id:e,client_ip_address:i(),input_time:a,input_type:t.inputType,input_data:c},console.log(c)}))}(0,!0),function(t,r){if(r){var...