Сделал трекер крипты весьма примитивный. Работает с API
https://coinmarketcap.com/api/. И подумал, что можно его переписать с Классами, но как это сделать не совсем понимаю.
//Standart crypto
const cryptoCurrencyArray = [
"Bitcoin",
"Ethereum",
"Chainlink",
"VeChain",
"Binance Coin",
];
const cards = document.querySelector(".crypto-app__cards");
function getInfoAboutCrypto() {
fetch(
`https://pro-api.coinmarketcap.com/v1/cryptocurrency/listings/latest?CMC_PRO_API_KEY=${apiKey}`
)
.then((res) => res.json())
.then((data) => {
data.data.forEach((el) => {
for (let i = 0; i < cryptoCurrencyArray.length; i++) {
if (cryptoCurrencyArray[i] === el.name) {
const cardPrice = Math.round(el.quote.USD.price * 100) / 100;
const percentChange =
Math.round(el.quote.USD["percent_change_7d"] * 100) / 100;
createCard(el.name, cardPrice, percentChange);
break;
}
}
});
});
}
function createCard(cryptoName, price, percentChange) {
let cardClass;
if (parseFloat(percentChange) < 0) {
cardClass = "cardRed";
} else {
cardClass = "cardGreen";
}
cards.innerHTML += `
<div class="card ${cardClass}">
<div class="card-header">
${cryptoName}
</div>
<div class="card-price">
${price}$
</div>
<div class="card-percent-change">
${percentChange}%
</div>
</div>
`;
}
getInfoAboutCrypto();