Skip to content
document.addEventListener("DOMContentLoaded", function () {
// OPEN MODAL (tombol di card)
var buttons = document.querySelectorAll(".asset-card .open-modal");
buttons.forEach(function (btn) {
btn.addEventListener("click", function () {
var card = btn.closest(".asset-card");
var modal = card.nextElementSibling;
if (modal && modal.classList.contains("asset-modal")) {
modal.style.display = "flex";
}
});
});
// CLOSE MODAL (tombol X)
var closes = document.querySelectorAll(".asset-modal .modal-close");
closes.forEach(function (btn) {
btn.addEventListener("click", function () {
var modal = btn.closest(".asset-modal");
if (modal) {
modal.style.display = "none";
}
});
});
// CLOSE MODAL ketika klik area gelap
var modals = document.querySelectorAll(".asset-modal");
modals.forEach(function (modal) {
modal.addEventListener("click", function (e) {
if (e.target === modal) {
modal.style.display = "none";
}
});
});
});
