JSFiddle - React, Tailwind, and code Playground

by etmm

HTML

<script src="https://raw.github.com/eerne/Request.Stocks/0.1.0/Source/Request.Stocks.js"></script>
<div id="stocks"></div>

CSS

h3 {
    font-size: 1.25em; font-weight: 700;
}

p {
    margin-bottom: 0.5em;
}

JavaScript

new Request.Stocks({
    display: ['Name', 'BidRealtime', 'Change', 'ChangeinPercent'],
    sortBy: 'Order',
    stocks: ['CLZ12.NYM', 'BZZ12.NYM', 'NGZ12.NYM'],
    onComplete: function(yahoo) {
        var result = '';
        Array.each(Array.from(yahoo.query.results.quote), function(quote) {
            result += '<h3>{Name}</h3><p>{BidRealtime}, {ChangeinPercent} {Change}</p>'.substitute(quote);
        }, this);

        $('stocks').set('html', result);
    },
    onRequest: function(script) {
        $('stocks').set('text', 'Loading...');
    }
}).send();