Seven fictional occurrences: two allocation plans with equal estimated minutes and different counts

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"><meta name="nos-demo-layout" content="responsive-lab"><title>Recurring household work</title><style>body{margin:0;background:#f7f3ee;color:#3d3330;font:16px/1.5 system-ui}main{max-width:820px;margin:auto;padding:20px}h1{font-size:clamp(28px,5vw,38px);line-height:1.2}label{display:block;font-weight:700}select{font:inherit;max-width:100%;padding:10px}#summary{background:#fff;border-left:6px solid #9a5c49;padding:18px;margin:20px 0}section{border-top:1px solid #bba599;padding:12px 0}h2{font-size:23px}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#fff;padding:16px;font:16px/1.6 system-ui}</style></head><body><main><p>Original fictional two-adult household plan. No chores completed or real agreement recorded.</p><h1>Count occurrences and estimated minutes separately</h1><label for="plan">Compare the proposed allocation</label><select id="plan"><option value="A">Plan A — Mira dishes, Noah other tasks</option><option value="B">Plan B — swap responsibilities</option></select><div id="summary" aria-live="polite"></div><section><h2>Dishes</h2><p>Monday through Friday: five planned occurrences × ten estimated minutes = fifty estimated minutes. <strong id="dishes"></strong></p></section><section><h2>Recycling preparation</h2><p>One planned occurrence × twenty estimated minutes = twenty estimated minutes. <strong class="other"></strong></p></section><section><h2>Bathroom tidy</h2><p>One planned occurrence × thirty estimated minutes = thirty estimated minutes. <strong class="other"></strong></p></section><p>These illustrative estimates total 100 minutes across seven occurrences. They do not measure actual effort, cover all household work or establish fairness. Actual task scope, availability and standards need agreement.</p><h2>Blank recurring-task record</h2><pre>Task / agreed scope: __________
Recurrence / number of occurrences: __________
Estimated minutes per occurrence / basis: __________
Agreed person / availability: __________
Supplies or coordination: __________
Exception or replacement arrangement: __________
Actual observation / changes to discuss: __________</pre><p>The selector changes a local illustration. It does not assign work, record completion or notify a housemate.</p></main><script>function draw(){const plan=document.querySelector('#plan').value,first=plan==='A'?'Mira':'Noah',second=plan==='A'?'Noah':'Mira';const totals={Mira:{occurrences:0,minutes:0},Noah:{occurrences:0,minutes:0}};for(const[person,count,minutes]of[[first,5,10],[second,1,20],[second,1,30]]){totals[person].occurrences+=count;totals[person].minutes+=count*minutes;}window.allocation={plan,...totals};document.querySelector('#summary').textContent='Mira: '+totals.Mira.occurrences+' planned occurrences / '+totals.Mira.minutes+' estimated minutes. Noah: '+totals.Noah.occurrences+' planned occurrences / '+totals.Noah.minutes+' estimated minutes.';document.querySelector('#dishes').textContent='Proposed owner: '+first;for(const e of document.querySelectorAll('.other'))e.textContent='Proposed owner: '+second;}document.querySelector('#plan').addEventListener('change',draw);draw();</script></body></html>