JSFiddle - React, Tailwind, and code Playground

by malonso

HTML

<a href="#" onclick="checkHighCharts();">Check Highcharts</a>
<div id="log"></div>

JavaScript

var widget = (function() {

    var script = {
            jQuery: "http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js",
            highcharts: "http://code.highcharts.com/master/highcharts.js"
        },
        doc = document,
        tag = 'script';
        
    function load(src, callback) {
        var script = doc.createElement(tag),
            t = doc.getElementsByTagName(tag)[0];
    
        script.src = src;
    
        // old IE
        if (script.readyState) {
            script.onreadystatechange = function () {
                if (this.readyState == 'complete' || this.readyState == 'loaded') {
                    callback();
                }
            };
        } else { // Other browsers
            script.onload = callback;
        }

        t.parentNode.insertBefore(script, t.nextElementSibling);
    }

        
    load(script.jQuery, function () {
        var log;

        log = $('#log').text('jQuery loaded');
    
        load(script.highcharts, function(){
            log[0].innerHTML += ', ' + Highcharts.product + ' ' + Highcharts.version + ' too';
        });
    });
}());