/****************** Output JSON format -{ "success" : true, "message" : , "result" : -{ "buy" : +[ ... ], "sell" : -[ -{ "Quantity" : 3.78589731, "Rate" : 0.07380001 }, +{ ... }, +{ ... }, +{ ... }, ********************/ window.onload = main; var loader, url; function main() { loader = document.getElementById("loader"); getContents(); } function getContents() { var sourceUrl ='https://bittrex.com/api/v1.1/public/getorderbook?market=BTC-ETH&type=both'; var corsUrl = 'https://cors-anywhere.herokuapp.com/'; var apiUrlContest = corsUrl + sourceUrl; // var apiUrlContest = sourceUrl; getApi(apiUrlContest, dataRender, 'JSON'); } /* Fetch whole webpage to data */ // type=text for getting text/html. default is to get json function getApi(url, update, type='text') { // var myHeaders = new Headers(); // var myInit = { method: 'GET', // headers: myHeaders, // mode: 'cors', // cache: 'default' }; fetch(url).then(function(response) { if(response.ok) { return type==='JSON'? response.json() : response.text(); } throw new Error('Network response was not ok.'); }).then(function(data) { update.call(null,data); // if(final) offLoader(); // turn off spinner loader aftrer loaded all api }).catch(function(error) { console.log('There has been a problem with your fetch operation: ' + error.message); }); } // Coded by Calvin @2017-0927 /* process fatched data */ function dataRender(data) { // console.log(data); loader.style.display = "none"; var resultBuy = data.result.buy; var resultSell = data.result.sell; resultBuy.sort(function (a, b) { return b.Quantity - a.Quantity; }); resultSell.sort(function (a, b) { return b.Quantity - a.Quantity; }); var ctable = document.querySelector('#table'); var rowHtml = ` Top 5 highest Size/Quantity Amount `; ctable.insertAdjacentHTML('beforeend', rowHtml); rowHtml = ` Rank Asks Bids `; ctable.insertAdjacentHTML('beforeend', rowHtml); rowHtml = ` Price/Rate Size(ETH)/Volume Price/Rate Size(ETH)/Volume `; ctable.insertAdjacentHTML('beforeend', rowHtml); for(var i=0;i<5;i++) { rowHtml = ` ${i+1} ${resultSell[i].Rate.toFixed(8)} ${resultSell[i].Quantity.toFixed(8)} ${resultBuy[i].Rate.toFixed(8)} ${resultBuy[i].Quantity.toFixed(8)} `; ctable.insertAdjacentHTML('beforeend', rowHtml); } }

ETH Buy/Sell table