JSFiddle - React, Tailwind, and code Playground

by Dogbert

HTML

<div id="ad1"></div>
<div id="ad2"></div>

JavaScript

function go(selector, minWidth, maxWidth, code) {
	var width = jQuery(window).width();
	if(width < minWidth || width > maxWidth) return;
    var script = document.createElement("script");
    script.type = "text/javascript";
    script.text = code;
    jQuery(selector).append(script);
}


jQuery(function($) {
	go("#ad1", 0, 600, "alert('<600')");
	go("#ad1", 600, 9999, "alert('>600')");

	go("#ad2", 0, 600, "document['write']('small ad!')");
	go("#ad2", 600, 9999, "document['write']('large ad!')");
});