<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>`;
}
);
This Pen doesn't use any external CSS resources.