JSFiddle - React, Tailwind, and code Playground

by andypotanin

HTML

<script id="data-model" type="application/json">
  {    
    org: 10, 
    items:["one","two"]
  }
</script>

<script type="text/javascript">
    
 function getData( url ) {
    var script = document.createElement('script');
    script.src = url;
    document.body.appendChild( script );
 }
    
  function define( key, value ) {
    console.log( 'my define' );
    'function' === typeof key ? console.log( key.call() ) : null
  }
</script>

<script type="text/javascript" src="http://api.udx.io/data/model.js?count=10&callback=myCallback"></script>
<script type="text/javascript">
    // will only fetch once per browser seession, although will generate multiple <script> elemnets
    getData( 'http://api.udx.io/data/model.js?count=10&callback=myCallback' );
    getData( 'http://api.udx.io/data/model.js?count=10&callback=myCallback' );
    getData( 'http://api.udx.io/data/model.js?count=10&callback=myCallback' );
    getData( 'http://api.udx.io/data/model.js?count=10&callback=myCallback' );
    getData( 'http://api.udx.io/data/model.js?count=10&callback=myCallback' );
    getData( 'http://api.udx.io/data/model.js?count=10&callback=myCallback' );
    getData( 'http://api.udx.io/data/model.js?count=10&callback=myCallback' );
    getData( 'http://api.udx.io/data/model.js?count=10&callback=myCallback' );    
</script>