JSFiddle - React, Tailwind, and code Playground

by Kriem

HTML

<h1>hallo</h1>

JavaScript

function load ( url, callback ) {

    'use strict';
    
    var element = document.createElement('script');
    
    element.src = url;
    
    document
    .getElementsByTagName('head')[0]
    .appendChild( element );
    
    //  Internet Explorer
    if ( element.readyState ) {
        
        element.onreadystatechange = function () {
            
            if ( element.readyState === 'loaded' ||
                element.readyState === 'complete' ) {
                
                element.onreadystatechange = null;
                
                if (callback) {
                    
                    callback();
                }
            }
        };
        
        //  Good browsers
    } else {
        
        element.onload = function () {
            
            if (callback) {
                
                callback();
            }
        };
    }
}

function callback(){
 
    $('h1').html('bo');
}

window.$et = {};

// Load jQuery
if ( typeof jQuery == 'undefined' ) {
    
    load( '//ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js', function(){
            
         $et = jQuery.noConflict( false );
         callback();
    });
    
    // We're good to go, just set $et
} else {
    
    load( '//ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js', function(){
            
         $et = $;
         callback();
    });
}