Original fictional separate-packet calculator, not a Canva output or export

Select the code and use your copy shortcut. Changes in this preview are temporary.

<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Separate-packet paper planner</title><style>body{margin:0;background:#f6f5f1;color:#263139;font:17px/1.6 system-ui,sans-serif}main{max-width:700px;margin:auto;padding:26px}h1{line-height:1.2}label{display:block;margin-top:14px;font-weight:650}input,select,button{font:inherit;padding:10px;box-sizing:border-box;max-width:100%}input,select{display:block;width:100%}button{margin:18px 8px 0 0;background:#e4ebef;border:1px solid #789}output{display:block;background:white;border-left:4px solid #4b6578;padding:20px;margin:22px 0;min-height:60px}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#e7e8e2;padding:16px;font:inherit}@media(max-width:450px){main{padding:18px}}</style></head><body><main><h1>Count sheets for separate handout packets</h1><p>Original author-written fictional calculator, not a Canva Code output, export or screenshot. No real workshop or print order.</p><label for="people">Participants · whole number 1-200</label><input id="people" type="number" min="1" max="200" step="1" value="12"><label for="pages">Pages per separate packet · whole number 1-100</label><input id="pages" type="number" min="1" max="100" step="1" value="3"><label for="mode">Printing mode</label><select id="mode"><option value="single">Single-sided</option><option value="duplex">Duplex</option></select><button id="calculate" type="button">Calculate sheets</button><button id="reset" type="button">Reset example</button><output id="result" aria-live="polite"></output><p><strong>Assumption:</strong> Each participant receives a separate packet; unpaired pages are not combined across packets. Covers and spares are not supplied.</p><h2>A result to compare</h2><p>For 12 participants with 3 pages each, single-sided uses 36 sheets. Duplex uses 2 sheets per separate packet, so 24 sheets. Ten participants with those duplex packets use 20 sheets.</p><h2>Record the actual handoff</h2><pre>Actual packet instructions / source: __________
Participant and page counts: __________
Confirmed covers / spares / printing arrangement: __________
Version and required output format: __________
Independent initial / changed / invalid cases: __________</pre><p>Planning estimate only. No printing, ordering, saving, payment or submission is performed. The full HTML includes this local calculator's complete source.</p></main><script>
const people=document.querySelector('#people'),pages=document.querySelector('#pages'),mode=document.querySelector('#mode'),result=document.querySelector('#result');function stale(){result.textContent='Inputs changed. Calculate again.';window.paperPlan=null}for(const el of [people,pages])el.addEventListener('input',stale);mode.addEventListener('change',stale);function calculate(){const a=people.value.trim(),b=pages.value.trim(),n=Number(a),p=Number(b);if(!a||!b||!Number.isInteger(n)||!Number.isInteger(p)||n<1||n>200||p<1||p>100){result.textContent='Enter whole-number participants 1-200 and pages 1-100.';window.paperPlan=null;return}const sheets=mode.value==='duplex'?Math.ceil(p/2):p,total=n*sheets;window.paperPlan={people:n,pages:p,mode:mode.value,sheetsPerPacket:sheets,totalSheets:total};result.textContent=n+' participants × '+sheets+' sheets per separate packet = '+total+' sheets. Planning estimate.'}document.querySelector('#calculate').addEventListener('click',calculate);document.querySelector('#reset').addEventListener('click',()=>{people.value='12';pages.value='3';mode.value='single';calculate()});calculate();
</script></body></html>