JSFiddle - React, Tailwind, and code Playground

by thecodeparadox

HTML

<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<div class="loadjson">Click Me</div><!--I can't get this to work-->

<div onClick="showPrice({symbol: 'IBM', price: 91.42})">Click Me Too</div>

JavaScript

function barometer(data) {
    alert(data.value.items.data.parameters.pressure.value);
};

function showPrice(data) {
    alert("Symbol: " + data.symbol[0] + ", Price: " + data.price);
}

function barometer() {
    $.getJSON('http://pipes.yahoo.com/pipes/pipe.run?_id=467a55b506ba06b9ca364b1403880b65&_render=json&textinput1=40.78158&textinput2=-73.96648&_callback=?', function(data) {
        alert(data.value.title);
    })
}
$('div.loadjson').on('click', function() {
    barometer();
});