<div class="js-container"></div>
var node = document.querySelector('.js-container');
var text = [];

Promise.all([
  axios.get('https://api.coinpaprika.com/v1/tickers/btc-bitcoin'),
  axios.get('https://api.coinpaprika.com/v1/tickers/xrp-ripple'),
   axios.get('https://api.coinpaprika.com/v1/tickers/eth-ethereum'),

axios.get('https://api.coinpaprika.com/v1/tickers/xlm-stellar'),
 
axios.get('https://api.coinpaprika.com/v1/tickers/sntvt-sentivate')

]).then((coinResponses) => {
  const coins = coinResponses
  .map(response => `<li>${response.data.name} (${response.data.symbol}): ${response.data.quotes['USD'].price} </li>`)
  .join('');
  node.innerHTML = `<ol>${coins}</ol>`;
}
       );
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://cdnjs.cloudflare.com/ajax/libs/axios/0.20.0/axios.min.js