UMRAH 5 PLUS 1 V
const API = "https://script.google.com/macros/s/AKfycbxRp9vCNgRjKFmPQ0Obd1M0Z-HXKLHFOWGLeu_G5jvR9QgyR--oKU8mDz-z1WsrJOsnTQ/exec";
let semuaData = [];
fetch(API)
.then(res => res.json())
.then(data => {
semuaData = data;
tampilkanData(data);
buatFilterBulan();
});
function tampilkanData(data){
function buatFilterBulan(){
const filter = document.getElementById("filterBulan");
filter.innerHTML = "";
// Tombol SEMUA
const btnSemua = document.createElement("button");
btnSemua.innerHTML = "SEMUA";
btnSemua.className = "filter-btn active";
btnSemua.onclick = function(){
tampilkanData(semuaData);
aktifkanButton(this);
};
filter.appendChild(btnSemua);
// Ambil nama bulan dari spreadsheet
const bulan = [...new Set(
semuaData.map(item => {
let pecah = item["Tgl Keberangkatan"].split(" ");
return pecah[1];
})
)];
bulan.forEach(namaBulan=>{
const btn = document.createElement("button");
btn.className = "filter-btn";
btn.innerHTML = namaBulan.toUpperCase();
btn.onclick = function(){
const hasil = semuaData.filter(item=>{
return item["Tgl Keberangkatan"]
.toLowerCase()
.includes(namaBulan.toLowerCase());
});
tampilkanData(hasil);
aktifkanButton(this);
};
filter.appendChild(btn);
});
}
function aktifkanButton(button){
document.querySelectorAll(".filter-btn")
.forEach(btn=>{
btn.classList.remove("active");
});
button.classList.add("active");
}
let html = "";
data.forEach(x=>{
html += `
BOOKING SEKARANG
`;
});
document.getElementById("cards").innerHTML = html;
}
PROMO 5 GRATIS 1
${x["Nama Paket"]}
${x.Program}
? Keberangkatan
${x["Tgl Keberangkatan"]}
✈ Maskapai
${x.Maskapai}
? Hotel Mekkah
${x["Hotel Mekkah"]}
? Hotel Madinah
${x["Hotel Madinah"]}
PROMO 5 GRATIS 1
Rp ${Number(x["Harga 5 PLUS 1"]).toLocaleString("id-ID")}
