${award.title}

${award.description}

czytaj więcej

`; } else { singleAwardHtml = `

${award.title}

${award.description}

czytaj więcej

`; } awardsWrapperHtmlContent += singleAwardHtml; }); target.innerHTML = awardsWrapperHtmlContent; window.scrollTo(0, 0); }; const updateNavigation = () => { const awardsNavigationHtml = ` `; navigationContainer.innerHTML = awardsNavigationHtml; document.querySelector("#prevPage").addEventListener("click", () => { changePage("down"); }); document.querySelector("#nextPage").addEventListener("click", () => { changePage("up"); }); document.querySelector("#setPageForm").addEventListener("submit", (event) => { event.preventDefault(); changePage(+event.target[0].value); }); }; renderAwards(awardsWrapper, awardsArr, pageNumber, awardsPerPage); updateNavigation(); const backdrop = document.querySelector(".backdrop"); const imageModal = document.querySelector(".image-modal"); const awardmodal = document.querySelector(".award-modal"); backdrop.addEventListener("click", (event) => { backdrop.style.display = ""; imageModal.style.display = ""; awardmodal.style.display = ""; }); awardsWrapper.addEventListener("click", (event) => { if (event.target.classList.contains("award__read-more")) { awardmodal.querySelector("h3").innerText = event.target.parentElement.querySelector(".award__title").innerText; awardmodal.querySelector("p").innerText = event.target.parentElement.querySelector(".award__short-text").innerText; backdrop.style.display = "flex"; awardmodal.style.display = "block"; } else if (event.target.classList.contains("award__image")) { imageModal.querySelector("img").src = event.target.src; backdrop.style.display = "flex"; imageModal.style.display = "flex"; } });

Nagrody i wyróżnienia

Nagrody i wyróżnienia