0

So I'm using 2 JavaScript functions fetching data from 2 different sources.

function fetchOpenSea() {
    fetch('https://api.opensea.io/api/v1/collection/galacticaliensocialclub/stats?format=json')
      .then(response => {
        return response.json();
      })
      .then(data => {
        var volumeOs = data.stats.total_volume
        window.volumeOsRounded = (volumeOs).toFixed(1);
        document.querySelector('#volumeOs').innerHTML = window.volumeOsRounded;
      });
  }
fetchOpenSea();

function fetchLooksRare() {
    fetch('https://api.looksrare.org/api/v1/collections/stats?address=0x33fd4167e51a10d19c89c3a606389d0fddc3e676')
      .then(response => {
        return response.json();
      })
      .then(data => {
        var volumeLr = data.data.volumeAll;
        window.volumeLrRounded = (volumeLr / 1000000000000000000).toFixed(4);
        document.querySelector('#volumeLr').innerHTML = window.volumeLrRounded;
      });
  }
fetchLooksRare();

I've declared 2 global variables using "window." in both functions, but I can't find a way to addition them properly outside the functions.

function addOsLr() {
  let o = window.volumeOsRounded;
  o = parseFloat(o);
  let p = window.volumeLrRounded;
  p = parseFloat(p);
  let q = o + p;
  document.querySelector('#volumeTotal').innerHTML = q;
  console.log(q, typeof q); // Getting "NaN 'number'"
}
addOsLr();
console.log(window); // Both volumeOsRounded and volumeLrRounded are there as strings for some reason

0 Answers0