async function removePopUpFilter() {
let filterContainer = document.querySelector('.filter-container');
await filterContainer.style.opacity = '0';
filterContainer.remove()
}
document.addEventListener('click', (e) => {
if(e.target.closest('.nav-list__linkLOGIN')) {
renderPopup();
}
});
function createDessertIItem () {
for(let i=0; i <dessertName.length; i++) {
let newItem = document.createElement('div');
newItem.className = ('desserts__item');
const itemText = `
<div class="item desserts__item">
<img draggable="false"
src="${(dessertImg[i])}"
alt="desserts"
class="item__image desserts__image"
/>
<div class="item__name desserts__name"
>${(dessertName[i])}</div
>
<div class="item__descr desserts__descr"
>${(dessertDescr[i])}</div
>
<div class="item__bottom_choise">
<button class="btnchoise desserts__button">Выбрать</button>
<div class="item__costs desserts__costst" data-price="${(dessertPrice[i])}">${(dessertCosts[i])}</div>
</div>
</div>`;
newItem.innerText = itemText;
desserts.insertAdjacentHTML('beforeend', itemText)
}
}
.filter-container {
width: 100%;
height: 100%;
opacity: 0;
position: absolute;
top: -100%;
right: 0%;
z-index: 10;
background-color: transparent;
transition: all 0.4s ease-in-out 0s;
}