JSFiddle - React, Tailwind, and code Playground

by zainshaikh

HTML

<script src="//platform.twitter.com/widgets.js"></script>
<div id="result"></div>
<div id="links">http://twitter.com/FairWorld101/status/209222449169055744
http://twitter.com/ProudPakistanii/status/209222565305131009
http://twitter.com/Aryan_oberoy/status/209222632183300096
http://twitter.com/murtza1/status/209222751230238720
http://twitter.com/shusmaan/status/209222786927968256
http://twitter.com/Mughal_z/status/209222894583164930
http://twitter.com/pprabirbhatt/status/209222983103942656
http://twitter.com/bangdoo68/status/209223105518899201
http://twitter.com/amir0508/status/209223395458547712
http://twitter.com/vimvyas/status/209223395718602752
http://twitter.com/wajahathzaidi/status/209224056413761537</div>

CSS

#links {display:none}

JavaScript

window["getItem"] = function(key, f) {
    if (window && window.localStorage && window.localStorage[key]) {
        f(window.localStorage[key]);
        return;
    }


    $.getJSON('https://api.twitter.com/1/statuses/oembed.json?id=' + key + '&omit_script=true&hide_thread=true&callback=?', function(result) {

        if (window && window.localStorage) {
            window.localStorage[key] = result.html;
        }

        f(result.html);

    });
}

var h = $('#links').html().split('\n')

$.each(h, function(i, item) {

    if (item == "") {
        return;
    }
    var id = item.substring(item.lastIndexOf('/') + 1);
    console.log(id);

    window.getItem(id, function(d) {
        $('#result').append(d);
        //twttr.widgets.load();
    });



});