<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/eth-ethereum'),
axios.get('https://api.coinpaprika.com/v1/tickers/usdt-tether'),
axios.get('https://api.coinpaprika.com/v1/tickers/xrp-ripple'),
axios.get('https://api.coinpaprika.com/v1/tickers/dot-polkadot')
]).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.