cuando cierro el 1er modal y abro el 2do modal, el 1er modal también queda con el 2do modal. Lo mismo con el tercero también. imagen de salida dada
HTML CODE: <div class="modal" id="myModal"> <div class="modal-dialog"> <div class="modal-content" id="details-single"> </div> </div> </div> JS CODE: const itemDiv = document.getElementById('details-single'); const displayItem = item => { const div = document.createElement('div'); div.innerHTML = ` <div class="modal-header"> <img class="product-image" src=${item.image}></img> <h5 class="modal-title">${item.title}</h5> <button class="close" data-dismiss="modal">×</button> </div> <div class="modal-body"> ${item.description} </div> <div class="modal-footer"> <button id="close" class="details" data-dismiss="modal">Close</button> <button onclick="addToCart(${item.id},${item.price})" id="addToCart-btn" class="add-btn">Add to Cart</button> </div> `; itemDiv.appendChild(div); };imagen de salida imagen de salida 2
