Kalkulator Geosintetik – menghitung Geomembran , Textile , grid ,dll

.sib-app{max-width:1000px;margin:auto;background:#fff;padding:25px;border-radius:12px}
.sib-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin-bottom:15px}
.sib-tabs button{padding:10px;border:none;border-radius:6px;background:#e5e7eb;cursor:pointer}
.sib-tabs button.active{background:#2563eb;color:#fff}
.sib-app input,.sib-app select{width:100%;padding:8px;margin-bottom:8px}
.sib-hitung{background:#16a34a;color:#fff;border:none;padding:10px;border-radius:6px;width:100%}
.sib-wa{background:#22c55e;color:#fff;border:none;padding:10px;border-radius:6px;width:100%;margin-top:6px}
.sib-res{background:#f1f5f9;padding:10px;border-radius:6px;margin-top:8px}
.hidden{display:none}

const WA_NUMBER=”6281234567890″;
let pesan=””;

function sibWA(){
if(!pesan){alert(“Hitung dulu”);return;}
window.open(`https://wa.me/${WA_NUMBER}?text=${encodeURIComponent(pesan)}`,”_blank”);
}
function sibTab(id,btn){
document.querySelectorAll(“.sib-tabs button”).forEach(b=>b.classList.remove(“active”));
btn.classList.add(“active”);
document.querySelectorAll(“#geomembrane,#geotextile,#geogrid,#geocell,#gcl,#geomat,#geobag”)
.forEach(d=>d.classList.add(“hidden”));
document.getElementById(id).classList.remove(“hidden”);
}

function sibGeomembrane(){
let pb=+gp.value+(2*gd.value)+(2*ga.value);
let lb=+gl.value+(2*gd.value)+(2*ga.value);
let luas=pb*lb*1.1;
let roll=Math.ceil(luas/(grw.value*grp.value));
gres.innerHTML=`Total: ${luas.toFixed(2)} m²
Kebutuhan: ${roll} roll`;
pesan=`Konsultasi GEOMEMBRANE\nTotal: ${luas.toFixed(2)} m²\nRoll: ${roll}`;
}
function sibGeotextile(){
let luas=tp.value*tl.value*1.1;
let roll=Math.ceil(luas/(trw.value*trp.value));
tres.innerHTML=`Total: ${luas.toFixed(2)} m²
Kebutuhan: ${roll} roll`;
pesan=`Konsultasi GEOTEXTILE\nTotal: ${luas.toFixed(2)} m²\nRoll: ${roll}`;
}
function sibGeogrid(){
let luas=pp.value*pl.value;
let roll=Math.ceil(luas/(prw.value*prp.value));
pres.innerHTML=`Luas: ${luas.toFixed(2)} m²
Kebutuhan: ${roll} roll`;
pesan=`Konsultasi GEOGRID\nLuas: ${luas.toFixed(2)} m²\nRoll: ${roll}`;
}
function sibGeocell(){
let luas=cp.value*cl.value;
let panel=Math.ceil(luas/ccov.value);
cres.innerHTML=`Luas: ${luas.toFixed(2)} m²
Panel: ${panel}`;
pesan=`Konsultasi GEOCELL\nLuas: ${luas.toFixed(2)} m²\nPanel: ${panel}`;
}
function sibGCL(){
let luas=gclp.value*gcll.value*1.1;
let roll=Math.ceil(luas/(gclrw.value*gclrp.value));
gclres.innerHTML=`Total: ${luas.toFixed(2)} m²
Roll: ${roll}`;
pesan=`Konsultasi GCL\nTotal: ${luas.toFixed(2)} m²\nRoll: ${roll}`;
}
function sibGeomat(){
let luas=mp.value*ml.value*1.1;
let roll=Math.ceil(luas/(mrw.value*mrp.value));
mres.innerHTML=`Total: ${luas.toFixed(2)} m²
Roll: ${roll}`;
pesan=`Konsultasi GEOMAT\nTotal: ${luas.toFixed(2)} m²\nRoll: ${roll}`;
}
function sibGeobag(){
let luas=bp.value*bl.value;
let bag=Math.ceil(luas/bcov.value);
bres.innerHTML=`Luas: ${luas.toFixed(2)} m²
Geobag: ${bag}`;
pesan=`Konsultasi GEOBAG\nLuas: ${luas.toFixed(2)} m²\nGeobag: ${bag}`;
}