JSFiddle - React, Tailwind, and code Playground

by bgmort

HTML

<div id="test">just a test
</div>

<!-- this was just to test the echo api -->
<script type="text/javascript" src="/echo/js/?js=console.log('executing+script')"></script>

CSS

#response { color: red }

JavaScript

var response = "<div id='response'>ajax response! script right here.</div>"
    + "<script type=\"text/javascript\" >console.log('executing inline script from ajax response')</scr" + "ipt>"
    + "<script type=\"text/javascript\" src=\"/echo/js/?delay=1&js=console.log('executing script loaded from ajax response')||$('%23response').append('success!')\"></scr" + "ipt>";

//response = "hello world";

$.post('/echo/html/',
    {
        'html': response,
        'delay': 1,
    },
    function(data, status, xhr) {
        $('#test').html('response: ' + data);
    });