Mapo Tofu Spice Builder

Build mix'@ js=@' const STYLE = { chengdu: { pcp:1.5, dou:30, chi:8, num:'Strong (忙楼鹿?茅聢庐?忙聺聢?', note:'You should feel numbness within 10 seconds of first bite.' }, home: { pcp:0.7, dou:25, chi:5, num:'Moderate', note:'Edible for most Western palates without wincing.' }, japan: { pcp:0.2, dou:10, chi:1, num:'Trace', note:'Adapted version popular outside Sichuan 茅聢楼?closer to pasta sauce.' } }; const TOFU = { silken: { g:400, treat:'Add at the end, do not stir. Silken tofu falls apart if pushed.', cut:'Cut into 2 cm cubes in the tub; slide in.' }, med: { g:400, treat:'Pre-blanch in salted water for 2 minutes. Holds shape during stir-fry.', cut:'2 cm cubes.' }, firm: { g:350, treat:'Press 30 minutes first. Texture becomes chewy, closer to thick pasta.', cut:'1.5 cm cubes.' } }; const MEAT = { pork: { g:80, note:'80% lean is the Sichuan standard. Fat renders into the sauce.' }, beef: { g:80, note:'Use 85% lean. Rougher texture than pork but acceptable.' }, veg: { g:120, note:'Finely chopped shiitake + a little TVP. Mushrooms need extra 5 min cook time.' } }; function render(){ const s = STYLE[style.value], t = TOFU[tofu.value], m = MEAT[meat.value]; const sv = +srv.value; const pcpG = (s.pcp * sv).toFixed(1); const douG = s.dou * sv; const chiG = s.chi * sv; const meatG = m.g * sv; const tofuG = t.g * sv; toolOut.innerHTML = ` `; } const style=document.getElementById('style'), tofu=document.getElementById('tofu'), srv=document.getElementById('srv'), meat=document.getElementById('meat'), toolOut=document.getElementById('tool-out'); document.getElementById('go').onclick=render; [style,tofu,srv,meat].forEach(el=>el.oninput=render); render();