.data-card {
border: 1px solid #ddd;
border-radius: 8px;
padding: 16px;
margin: 10px 0;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.data-card p {
margin: 4px 0;
}
.data-card .label {
font-weight: bold;
display: inline-block;
width: 120px;
}

const data = [{“DATA_CHS”:”Muhammad Adia Nugraha”,”STATUS”:”SISIPKAN”,”AKAD”:”SPA”,”STAMBUK”:”M9180099″,”MULAI_MENGABDI”:”25 Desember 2019″,”DIVISI/LEMBAGA”:”Pusat Dakwah”,”WILAYAH”:”Pusat”,”AMANAH”:”Wakil Pengasuh Pusat Dakwah dan unit pendidikan dan pengembangan dakwah”,”JENIS_KELAMIN”:”L”,”No_HP”:628115611666,”LINK”:”www.contohlink.com/1″},{“DATA_CHS”:”Yeran Hasna Dinastia”,”STATUS”:”SISIPKAN”,”AKAD”:”SPA”,”STAMBUK”:”M9180326″,”MULAI_MENGABDI”:”30 Agustus 2021″,”DIVISI/LEMBAGA”:”Pusat Dakwah”,”WILAYAH”:”Pusat”,”AMANAH”:”Musyrifah”,”JENIS_KELAMIN”:”P”,”No_HP”:62895600383701,”LINK”:”www.contohlink.com/2″},{“DATA_CHS”:”Nurul Hidayati”,”STATUS”:”SISIPKAN”,”AKAD”:”SPA”,”STAMBUK”:”M9180375″,”MULAI_MENGABDI”:”02 Februari 2022″,”DIVISI/LEMBAGA”:”Pusat Dakwah”,”WILAYAH”:”Pusat”,”AMANAH”:”Kepala Unit Public Relation”,”JENIS_KELAMIN”:”P”,”No_HP”:6285651260464,”LINK”:”www.contohlink.com/3″},{“DATA_CHS”:”Gusti Muhammad Fakhrurrazi”,”STATUS”:”SISIPKAN”,”AKAD”:”SPA”,”STAMBUK”:”M9180318″,”MULAI_MENGABDI”:”01 Juli 2021″,”DIVISI/LEMBAGA”:”Pusat Dakwah”,”WILAYAH”:”Pusat”,”AMANAH”:”Staf Conten Creator Forbisk”,”JENIS_KELAMIN”:”L”,”No_HP”:6283125963294,”LINK”:”www.contohlink.com/4″},{“DATA_CHS”:”Dharmatasia”,”STATUS”:”SISIPKAN”,”AKAD”:”SPA”,”STAMBUK”:”M9180331″,”MULAI_MENGABDI”:”02 September 2021″,”DIVISI/LEMBAGA”:”Pusat Dakwah”,”WILAYAH”:”Pusat”,”AMANAH”:”Kepala Bagian Mastermind”,”JENIS_KELAMIN”:”P”,”No_HP”:6285820428927,”LINK”:”www.contohlink.com/5″},{“DATA_CHS”:”Nur Indah Prasetya”,”STATUS”:”SISIPKAN”,”AKAD”:”SPA”,”STAMBUK”:”M9180142″,”MULAI_MENGABDI”:”01 Mei 2020″,”DIVISI/LEMBAGA”:”Pusat Dakwah”,”WILAYAH”:”Pusat”,”AMANAH”:”Kepala Unit Kesekretariatan”,”JENIS_KELAMIN”:”P”,”No_HP”:6289611337401,”LINK”:”www.contohlink.com/6″},{“DATA_CHS”:”Sari Mawarni”,”STATUS”:”SISIPKAN”,”AKAD”:”SPA”,”STAMBUK”:”M9180426″,”MULAI_MENGABDI”:”04 Juli 2022″,”DIVISI/LEMBAGA”:”Pusat Dakwah”,”WILAYAH”:”Pusat”,”AMANAH”:”Kepala Bagian Pengurus Harian”,”JENIS_KELAMIN”:”P”,”No_HP”:6289514277621,”LINK”:”www.contohlink.com/7″},{“DATA_CHS”:”Dony Setiawan”,”STATUS”:”SISIPKAN”,”AKAD”:”SPA”,”STAMBUK”:”M9180263″,”MULAI_MENGABDI”:”17 Februari 2021″,”DIVISI/LEMBAGA”:”Pusat Dakwah”,”WILAYAH”:”Pusat”,”AMANAH”:”Kepala Unit Produksi”,”JENIS_KELAMIN”:”L”,”No_HP”:6285245936660,”LINK”:”www.contohlink.com/9″},{“DATA_CHS”:”Dini Surianto”,”STATUS”:”SISIPKAN”,”AKAD”:”SPA”,”STAMBUK”:”M9180251″,”MULAI_MENGABDI”:”11 Januari 2021″,”DIVISI/LEMBAGA”:”Pusat Dakwah”,”WILAYAH”:”Pusat”,”AMANAH”:”Kepala Bagian Multimedia”,”JENIS_KELAMIN”:”L”,”No_HP”:6285156925812,”LINK”:”www.contohlink.com/10″},{“DATA_CHS”:”Deni Purnama”,”STATUS”:”SISIPKAN”,”AKAD”:”SPA”,”STAMBUK”:”M9180035″,”MULAI_MENGABDI”:”01 Desember 2018″,”DIVISI/LEMBAGA”:”Pusat Dakwah”,”WILAYAH”:”Pusat”,”AMANAH”:”Staf Streaming”,”JENIS_KELAMIN”:”L”,”No_HP”:6282213711181,”LINK”:”www.contohlink.com/11″},{“DATA_CHS”:”Heryanto”,”STATUS”:”SISIPKAN”,”AKAD”:”SPA”,”STAMBUK”:”M9180350″,”MULAI_MENGABDI”:”01 Desember 2021″,”DIVISI/LEMBAGA”:”Pusat Dakwah”,”WILAYAH”:”Pusat”,”AMANAH”:”Kepala Bagian Event”,”JENIS_KELAMIN”:”L”,”No_HP”:6285651055884,”LINK”:”www.contohlink.com/12″},{“DATA_CHS”:”Rahmad Senong”,”STATUS”:”SISIPKAN”,”AKAD”:”SPA”,”STAMBUK”:”M9180037″,”MULAI_MENGABDI”:”01 Januari 2019″,”DIVISI/LEMBAGA”:”Pusat Dakwah”,”WILAYAH”:”Pusat”,”AMANAH”:”Staf Videographer”,”JENIS_KELAMIN”:”L”,”No_HP”:6289635356523,”LINK”:”www.contohlink.com/13″},{“DATA_CHS”:”Bilal”,”STATUS”:”SISIPKAN”,”AKAD”:”SPA”,”STAMBUK”:”M9180481″,”MULAI_MENGABDI”:”01 Maret 2023″,”DIVISI/LEMBAGA”:”Pusat Dakwah”,”WILAYAH”:”Pusat”,”AMANAH”:”Staf Desain Grafis”,”JENIS_KELAMIN”:”L”,”No_HP”:6285872893723,”LINK”:”www.contohlink.com/14″},{“DATA_CHS”:”Rifqy Nurfaizi”,”STATUS”:”SISIPKAN”,”AKAD”:”SPA”,”STAMBUK”:”M9180483″,”MULAI_MENGABDI”:”01 Maret 2023″,”DIVISI/LEMBAGA”:”Pusat Dakwah”,”WILAYAH”:”Pusat”,”AMANAH”:”Staf Video Editor”,”JENIS_KELAMIN”:”L”,”No_HP”:6282129062194,”LINK”:”www.contohlink.com/15″},{“DATA_CHS”:”Chelsy Artamevia”,”STATUS”:”SISIPKAN”,”AKAD”:”SPA”,”STAMBUK”:”M9180484″,”MULAI_MENGABDI”:”01 Maret 2023″,”DIVISI/LEMBAGA”:”Pusat Dakwah”,”WILAYAH”:”Pusat”,”AMANAH”:”Staf Community Halal Lifestyle”,”JENIS_KELAMIN”:”P”,”No_HP”:6282252292669,”LINK”:”www.contohlink.com/16″}];

function searchPhone() {
const phoneInput = Number(document.getElementById(“No_HP”).value);
const resultDiv = document.getElementById(“result”);
resultDiv.innerHTML = “”; // Reset hasil pencarian

const foundData = data.filter(item => item.No_HP === phoneInput);

if (foundData.length > 0) {
foundData.forEach(item => {
const card = document.createElement(“div”);
card.classList.add(“data-card”);

card.innerHTML = `

Nama: ${item.DATA_CHS}

Akad: ${item.AKAD}

Stambuk: ${item.STAMBUK}

Mulai Mengabdi: ${item.MULAI_MENGABDI}

Divisi/Lembaga: ${item[“DIVISI/LEMBAGA”]}

Wilayah: ${item.WILAYAH}

Amanah: ${item.AMANAH}

Jenis Kelamin: ${item.JENIS_KELAMIN}

Nomor HP: ${item.No_HP}

Link: ${item.LINK}
`;

resultDiv.appendChild(card);
});
} else {
resultDiv.innerHTML = “

Nomor HP tidak ditemukan.”;
}
}