JSFiddle - React, Tailwind, and code Playground

by SlyFoxy12

HTML

<div data-xbt-address="18PktNkAe8ZnBXbSkQ4tfzBz8cri3jPFJN">none</div>
<div data-xbt-address="15diaKGh1whRHhCEEndVMi8pFdEnnwrSSp">none</div>
<div id="output">none</div>

JavaScript

(function ($) {
    
    var methods = {
        init: function(data, options) {
            //put your init logic here.
        },
        query_addresses: function(addresses) {
            var addresses_implode = addresses.join("|");
            
            $.getJSON("http://blockchain.info/multiaddr?cors=true&active="+addresses_implode, function( data ) {
                $.each( data.addresses, function( index ) {
                    $('#output').append(" "+data.addresses[index].final_balance);
                });
            });
        }
    };
    
    $.fn.bitstrap = function () {
        var addresses = new Array();
        
        $('[data-xbt-address]').each(function () {
            $(this).text($(this).data('xbtAddress'));
            addresses.push($(this).data('xbtAddress'));
        });
        
        methods.query_addresses(addresses);
    }

}(jQuery));

$().ready(function() {
    $().bitstrap();
});