*{ margin:0; padding:0; box-sizing:border-box; font-family:'Poppins',sans-serif; } body{ background:linear-gradient(135deg,#0f172a,#1e293b); min-height:100vh; padding:40px; display:flex; justify-content:center; align-items:center; } .container{ width:100%; max-width:1200px; } .card{ background:#fff; border-radius:30px; padding:40px; box-shadow:0 25px 60px rgba(0,0,0,.25); } h1{ text-align:center; font-size:42px; margin-bottom:35px; color:#0f172a; } .inputs{ display:grid; grid-template-columns:1fr 1fr; gap:25px; margin-bottom:40px; } .input-box label{ display:block; font-weight:600; margin-bottom:10px; } .input-box input{ width:100%; padding:15px; font-size:20px; border:2px solid #e2e8f0; border-radius:12px; outline:none; } .results{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:20px; } .box{ padding:30px; border-radius:20px; text-align:center; color:#fff; } .daily{ background:linear-gradient(135deg,#2563eb,#1d4ed8); } .monthly{ background:linear-gradient(135deg,#10b981,#059669); } .yearly{ background:linear-gradient(135deg,#9333ea,#7e22ce); } .box h3{ font-size:16px; font-weight:500; } .value{ font-size:40px; font-weight:800; margin-top:10px; } .formula{ margin-top:40px; padding:25px; background:#f8fafc; border-radius:16px; text-align:center; font-size:24px; font-weight:700; color:#0f172a; } @media(max-width:768px){ .inputs{ grid-template-columns:1fr; } .results{ grid-template-columns:1fr; } }

Sales Projection Calculator

Orders Per Day

Average Selling Price (₹)

Daily Revenue

₹6,990

Monthly Revenue

₹2,09,700

Yearly Revenue

₹25,16,400

10 Orders × ₹699 = ₹6,990 Per Day

function formatINR(num){ return "₹" + num.toLocaleString('en-IN'); } function calculate(){ const orders = Number(document.getElementById('orders').value) || 0; const price = Number(document.getElementById('price').value) || 0; const daily = orders * price; const monthly = daily * 30; const yearly = daily * 365; document.getElementById('daily').innerText = formatINR(daily); document.getElementById('monthly').innerText = formatINR(monthly); document.getElementById('yearly').innerText = formatINR(yearly); document.getElementById('formula').innerHTML = `${orders} Orders × ₹${price.toLocaleString('en-IN')} = ${formatINR(daily)} Per Day`; } document.getElementById('orders').addEventListener('input',calculate); document.getElementById('price').addEventListener('input',calculate); calculate();