tengo dos formas de agregar HTML con Javascript en un caso especial. Ambas formas me trabajan bien. Pero tengo la duda cual de las dos es mejor práctica.
Una es esta, creado un elemento para agregárselo al product list
const productList = document.getElementById('product-list');
const element = document.createElement('div')
element.innerHTML = `
<div class = "card text-center mb-4">
<div class="card-body">
<strong> Product Name</strong>: ${product.name}
<strong> Product Price</strong>: ${product.price}
<strong> Product Year</strong>: ${product.year}
<div>
</div>
`;
productList.appendChild(element);
Y la otra forma es directamente con innerHTML, sin creatElement
const productList = document.getElementById('product-list');
productList.innerHTML = `
<div class = "card text-center mb-4">
<div class="card-body">
<strong> Product Name</strong>: ${product.name}
<strong> Product Price</strong>: ${product.price}
<strong> Product Year</strong>: ${product.year}
<div>
</div>
`;
Reitero, ambas trabajan bien pero tengo la duda de cuál sería mejor práctica.