JSFiddle - React, Tailwind, and code Playground

by Slava Fomin II

HTML

<div align="center"><script language="JavaScript"><!--
var pref = '';
var p = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz';
for (var i=0;i<5;i++)
	pref+=p.charAt(Math.floor(Math.random()*p.length));
var url = location.href;
if (url.indexOf('#')!=-1)
	url = location.href.substr(0, location.href.indexOf('#'));
var src = 'http://gravitylight.justclick.ru/order_form/?goods=1&color=ffffff&width=360&required=surname,phone,country,city&font=14&button=%D0%97%D0%B0%D0%BA%D0%B0%D0%B7%D0%B0%D1%82%D1%8C&btn_css=g-button small orange&btn_width=121&btn_height=38&btn_htop=0&__pref='+pref+'&__parent='+encodeURIComponent(url);
var delay = Math.round(Math.random()*20)+30;
if (typeof UpdateFormHeight != 'function') {
	function UpdateFormHeight(pref, frame) {
		var h=null;
		if (!h) {
			var re = new RegExp("^#"+pref+"(\\d+)");
			if (location.hash.match(re)) {
				h=RegExp.$1;
				location.hash = '';
			}
		}
		if (!h)
			for (var i=0; i<2000; i+=10)
				if (top.frames[pref+i]) {
					h=i;
					break;
				}
		if (h)
			frame.style.height=h+'px';
		setTimeout(function(){ UpdateFormHeight(pref, frame); }, delay*4);
	}
}
var html = '<iframe src="'+src+ '" frameborder="0" scrolling="no" style="width:360px;height:276px;overflow:hidden;padding:15px 0px;" onload="var th=this; setTimeout(function(){ UpdateFormHeight(pref, th); }, '+delay+')"></iframe>';
document.write(html);
//--></script></div>

CSS

html, body {
    height: 1000px;
}