Retrieve the highest value from 4 different JSON source URLs

Question

Retrieve the highest value from 4 different JSON source URLs

After retrieving values from a JSON URL, using the following code:

$(document).ready(function () {
  function price(){

    $.getJSON('https://poloniex.com/public?command=returnTicker', function(data){
      document.getElementById('PoloniexLastNXT').innerHTML = (data.BTC_NXT.last);
      document.getElementById('PoloniexBidNXT').innerHTML = (data.BTC_NXT.highestBid);
      document.getElementById('PoloniexAskNXT').innerHTML = (data.BTC_NXT.lowestAsk);
    });

    $.getJSON('trade/libs/bittrex.php?i=nxt', function(data){
      document.getElementById('BittrexLastNXT').innerHTML = (data.Bittrex);
      document.getElementById('BittrexBidNXT').innerHTML = (data.BittrexBid);
      document.getElementById('BittrexAskNXT').innerHTML = (data.BittrexAsk);
    });

    $.getJSON('trade/libs/hitbtc2.php?i=NXT', function(data){
      document.getElementById('HitbtcLastNXT').innerHTML = (data.hitbtc);
      document.getElementById('HitbtcBidNXT').innerHTML = (data.hitbtcbid);
      document.getElementById('HitbtcAskNXT').innerHTML = (data.hitbtcask);
    });

    $.getJSON('https://vip.bitcoin.co.id/api/nxt_btc/ticker', function(data) {
      document.getElementById('priceLastNXT').innerHTML = (data.ticker.last);
      document.getElementById('priceLashBuyNXT').innerHTML = (data.ticker.buy);
      document.getElementById('priceLashSellNXT').innerHTML = (data.ticker.sell);
      document.title = "NXT " + (data.ticker.last);
    });
}

setInterval(price, 3000);

});

Is it possible to do the following?

function getMax(array){
    return Math.max.apply(Math,array);
}

var NxtBid = document.getElementById("PoloniexBidNXT");
var NxtBid2 = document.getElementById("BittrexBidNXT");
var NxtBid3 = document.getElementById("HitbtcBidNXT");
var NxtBid4 = document.getElementById("priceLashBuyNXT");
var NxtBid5 = [NxtBid, NxtBid2, NxtBid3, NxtBid4];
var NxtBid6 = getMax(NxtBid5);

document.getElementById("NxtBidMax").innerHTML = NxtBid6;

I am looking to set both low and high prices from PoloniexLastNXT, BittrexLastNXT, HitbtcLastNXT, and priceLastNXT. Can someone assist me with this?

javascript json

Answer 1

Answer №1

To retrieve data from Poloneix, make sure you have the elements "PoloniexLowNXT" and "PoloniexHighNXT" set up in your code.

$.getJSON('https://poloniex.com/public?command=returnTicker', function(data){
      document.getElementById('PoloniexLastNXT').innerHTML = (data.BTC_NXT.last);
      document.getElementById('PoloniexBidNXT').innerHTML = (data.BTC_NXT.highestBid);
      document.getElementById('PoloniexAskNXT').innerHTML = (data.BTC_NXT.lowestAsk);
      document.getElementById('PoloniexLowNXT').innerHTML = (data.BTC_NXT.low24hr);
      document.getElementById('PoloniexHighNXT').innerHTML = (data.BTC_NXT.high24hr);
    });

Answer 2

To retrieve data from Poloneix, make sure you have the elements "PoloniexLowNXT" and "PoloniexHighNXT" set up in your code.

$.getJSON('https://poloniex.com/public?command=returnTicker', function(data){
      document.getElementById('PoloniexLastNXT').innerHTML = (data.BTC_NXT.last);
      document.getElementById('PoloniexBidNXT').innerHTML = (data.BTC_NXT.highestBid);
      document.getElementById('PoloniexAskNXT').innerHTML = (data.BTC_NXT.lowestAsk);
      document.getElementById('PoloniexLowNXT').innerHTML = (data.BTC_NXT.low24hr);
      document.getElementById('PoloniexHighNXT').innerHTML = (data.BTC_NXT.high24hr);
    });

Answer 3

Answer №2

To enhance efficiency, consider using Promise.all along with a forEach method to iterate through the results. Instead of duplicating the implementation code, you can opt to create an array of settings and iterate over it to obtain and process the results:

const settings = [
  [
    "https://poloniex.com/public?command=returnTicker",//url
    ["#PoloniexLastNXT","#PoloniexBidNXT","#PoloniexAskNXT"],//elements to set
    [//how to get value
      data=>data.BTC_NXT.last,
      data=>data.BTC_NXT.highestBid,
      data=>data.BTC_NXT.lowestAsk
    ]

  ]
  //other settings
];

Promise.all(
  settings.map(
    ([url],index)=>
      $.getJSON(setting(url))
      .then(
        data=>[data,settings[index]]
      )
  )
).then(
  results=>{
    var lowestLast=Infinity,highestLast=-Infinity;
    results.forEach(
      ([data,[url,querySelectors,getters]])=>{
        querySelectors.forEach(
          (querySelector,index)=>
            document.querySelector(querySelector).innerHTML=getters[index](data)
        )
        const last = getters[0](data);
        if(last<lowestLast){
          lowestLast=last;
        }
        if(last>highestLast){
          highestLast=last;
        }
      }
    )
    return [lowestLast,highestLast];
  }
).then(
  ([lowest,highest])=>{
    console.log("lowest:",lowest,"highest:",highest);
  }
).catch(
  err=>console.warn("something went wrong:",err)
);

update

If you prefer to stick with your existing repetitive approach, here's how you can fetch the minimum and maximum values:

const numbers = [
  new Number(trim(document.getElementById("PoloniexBidNXT").innerText)),
  new Number(trim(document.getElementById("BittrexBidNXT").innerText)),
  new Number(trim(document.getElementById("HitbtcBidNXT").innerText)),
  new Number(trim(document.getElementById("priceLashBuyNXT".innerText)))
];
const lowest = Math.max.apply(null,numbers);
const highest = Math.min.apply(null,numbers);

Answer 4

To enhance efficiency, consider using Promise.all along with a forEach method to iterate through the results. Instead of duplicating the implementation code, you can opt to create an array of settings and iterate over it to obtain and process the results:

const settings = [
  [
    "https://poloniex.com/public?command=returnTicker",//url
    ["#PoloniexLastNXT","#PoloniexBidNXT","#PoloniexAskNXT"],//elements to set
    [//how to get value
      data=>data.BTC_NXT.last,
      data=>data.BTC_NXT.highestBid,
      data=>data.BTC_NXT.lowestAsk
    ]

  ]
  //other settings
];

Promise.all(
  settings.map(
    ([url],index)=>
      $.getJSON(setting(url))
      .then(
        data=>[data,settings[index]]
      )
  )
).then(
  results=>{
    var lowestLast=Infinity,highestLast=-Infinity;
    results.forEach(
      ([data,[url,querySelectors,getters]])=>{
        querySelectors.forEach(
          (querySelector,index)=>
            document.querySelector(querySelector).innerHTML=getters[index](data)
        )
        const last = getters[0](data);
        if(last<lowestLast){
          lowestLast=last;
        }
        if(last>highestLast){
          highestLast=last;
        }
      }
    )
    return [lowestLast,highestLast];
  }
).then(
  ([lowest,highest])=>{
    console.log("lowest:",lowest,"highest:",highest);
  }
).catch(
  err=>console.warn("something went wrong:",err)
);

update

If you prefer to stick with your existing repetitive approach, here's how you can fetch the minimum and maximum values:

const numbers = [
  new Number(trim(document.getElementById("PoloniexBidNXT").innerText)),
  new Number(trim(document.getElementById("BittrexBidNXT").innerText)),
  new Number(trim(document.getElementById("HitbtcBidNXT").innerText)),
  new Number(trim(document.getElementById("priceLashBuyNXT".innerText)))
];
const lowest = Math.max.apply(null,numbers);
const highest = Math.min.apply(null,numbers);

Retrieve the highest value from 4 different JSON source URLs

Answer №1

Answer №2

Similar questions

Discover how to achieve the detail page view in Vue Js by clicking on an input field

Python JSON load results in a Connection Forcibly Closed error

Injecting live data into an input field within a table using Angular 4

While working with AJAX, the variable value remains static and is not refreshed

How to target and set focus on dynamically generated input field when the ID is unknown

Updating a value in a JSON file using node.js and preserving the changes

What is the best way to add borders to the cities on interactive SVG maps?

Apply the "ng-class" directive only if there is an <a> element located after the specified element

Associate text with a color from a predetermined list (JavaScript)

Transforming a LinkedHashMap<String, MyClass> into a Java object

How to Create a Custom Callback Function for jQuery's .html

Resize a group of images to match the parent's width and height dimensions

What is the best way to duplicate an entire webpage with all its content intact?

Is there a way to prevent continuous repetition of JavaScript animated text?

What is the correct approach for detecting object collisions in Phaser 3?

What could be causing this code to malfunction on jsfiddle?

Exploring the concept of template inheritance in Vue.js

Implement the CSS styles from the Parent Component into the Child Component using Angular 6

Automatically Assigning a Default Value to a Column Using SEQUELIZE ORM

Link JSON in JavaScript using field identifiers