Tengo una función que ya sirve, pero no se como agregar en una parte especifica del HTML
const coins = [
{id: 'BTC', name: 'Bitcoin', price: 38875.6, imgUrl: 'https://cryptologos.cc/logos/bitcoin-btc-logo.svg?v=022'},
{id: 'ETH', name: 'Ethereum', price: 2813.72, imgUrl: 'https://cryptologos.cc/logos/ethereum-eth-logo.svg?v=022'},
{id: 'USDT', name: 'Tether', price: 1, imgUrl:'https://cryptologos.cc/logos/tether-usdt-logo.svg?v=022'},
{id: 'BNB', name: 'Binance Coin', price: 371.14, imgUrl:'https://cryptologos.cc/logos/bnb-bnb-logo.svg?v=022'},
]
const main__section = document.getElementById('cotizaciones__container')
function createCoin(index){
const createStruct = document.createElement('div')
createStruct.style = 'display: grid; grid-template-columns: repeat(5, 1fr); grid-template-rows: 1fr; justify-items: start; align-items: center;'
createStruct.innerHTML =
` </div class="coin__main__container">
<div class="coin__logo"><img src="${coins[index].imgUrl}"></div>
<div class="coin__moneda">${coins[index].name}</div>
<div class="coin__abreviatura">${coins[index].id}</div>
<div class="coin__price">${coins[index].price}</div>
</div>`;
return document.body.appendChild(createStruct)
}
createCoin(2); //Tether
Pude recorrer bien el arreglo de objetos, ya pude hacer todo lo que quería hacer, pero no se como insertar en un <section>
que se llama cotizaciones__container
. En el script se llama main__section
Nada mas quiero que cuando se agregue, lo haga en el contenedor principal
main__section.appendChild(createStruct)
?