.section { margin-bottom: 20px; } .hidden { display: none; } label { display: block; margin: 5px 0 2px; } input, select { width: 100%; max-width: 300px; margin-bottom: 10px; } document.addEventListener("DOMContentLoaded", function () { const posts = document.getElementById("posts"); const reelsVideo = document.getElementById("reelsVideo"); const reelsNoVideo = document.getElementById("reelsNoVideo"); const seoKeywords = document.getElementById("seoKeywords"); const leadCount = document.getElementById("leadCount"); for (let i = 8; i <= 30; i++) posts.add(new Option(i, i)); for (let i = 4; i <= 8; i++) { reelsVideo.add(new Option(i, i)); reelsNoVideo.add(new Option(i, i)); } for (let i = 6; i <= 30; i++) seoKeywords.add(new Option(i, i)); for (let i = 3; i <= 50; i++) leadCount.add(new Option(i, i)); document.getElementById("nameInput").addEventListener("input", checkBasicInfo); document.getElementById("contactInput").addEventListener("input", checkBasicInfo); ["smm", "seo", "lead", "web"].forEach(id => { document.getElementById(id).addEventListener("change", toggleServiceSections); }); function checkBasicInfo() { const name = document.getElementById("nameInput").value.trim(); const contact = document.getElementById("contactInput").value.trim(); document.getElementById("servicesSection").classList.toggle("hidden", !(name && contact)); } function toggleServiceSections() { document.getElementById("smmSection").classList.toggle("hidden", !document.getElementById("smm").checked); document.getElementById("seoSection").classList.toggle("hidden", !document.getElementById("seo").checked); document.getElementById("leadSection").classList.toggle("hidden", !document.getElementById("lead").checked); document.getElementById("webSection").classList.toggle("hidden", !document.getElementById("web").checked); calculateTotal(); } function calculateTotal() { let smm = 0, seo = 0, lead = 0, web = 0; if (document.getElementById("smm").checked) { const postVal = parseInt(posts.value) || 0; const reelsWith = parseInt(reelsVideo.value) || 0; const reelsWithout = parseInt(reelsNoVideo.value) || 0; smm = (postVal > 0 ? postVal * 400 + 3000 : 0) + (reelsWith > 0 ? reelsWith * 3500 + 2000 : 0) + (reelsWithout > 0 ? reelsWithout * 2000 + 2000 : 0); document.getElementById("smmTotal").textContent = smm; } if (document.getElementById("seo").checked) { const keywords = parseInt(seoKeywords.value) || 0; seo = keywords > 0 ? (keywords * 1500 + 2000) * 6 : 0; document.getElementById("seoTotal").textContent = seo; } if (document.getElementById("lead").checked) { const leads = parseInt(leadCount.value) || 0; lead = leads * 750; document.getElementById("leadTotal").textContent = lead; } if (document.getElementById("web").checked) { web = parseInt(document.getElementById("webType").value) || 0; document.getElementById("webTotal").textContent = web; } const grand = smm + seo + lead + web; document.getElementById("grandTotal").textContent = grand; } });
b i z b u d d y . . .
have any question?

+91 76220 09666

get quote
menu

find what you need

Great things are on the horizon

Something big is brewing! Our store is in the works and will be launching soon!

need help
+91 76220 09666
email address
info@bizbuddy.co.in
303, Shantinath Apartment, behind Gujarat Gas Company, Adajan, Surat, Gujarat 395009, India