JSFiddle - React, Tailwind, and code Playground

by oceog

HTML

<button id="run">Run</button>
<div id="preview">
</div>

JavaScript

var object_preview = $('#preview');
var iframe = $('<iframe id="preview_frame">'),
    iframe_body,
    doc,
    iframe_head;

object_preview.html(iframe);

setTimeout(function() {
   doc = iframe[0].contentWindow.document;  
   var jQueryScript=doc.createElement('script');   
   iframe_body = $(doc.body);   
   iframe_head = $(doc.head);
   $(jQueryScript).appendTo(doc.head);
   jQueryScript.src='//code.jquery.com/jquery-git2.js';
   var button=$("<button>").addClass('test').text('test').appendTo(iframe_body);
});

$('#run').click(function() {
        var script=doc.createElement('script');
        iframe_body.append(script);
        script.innerHTML='$(".test").click(function() { alert(true); });';
    $(this).hide(); //потому что два раза добавлять сюда нельзя.
});