.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

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