display = { function sample() { const bsum = bc[0]+bc[1]+bc[2]; const prob1 = bc[0] / bsum; const prob2 = bc[1] / bsum; const prob3 = bc[2] / bsum; var upd = 0; var v = Math.random(); if (v < prob1) { const coord = [(bc[0]) % 5,Math.floor(bc[0] / 5)]; oball[2] = padding+26+(((width/3)-40)/5)*coord[0]; oball[3] = padding+height-20-(((width/3)-40)/5)*coord[1]; ball[2] = "#0000FF"; upd = 0; } else if (v >= prob1 && v <= prob1+prob2) { const coord = [(bc[1]) % 5,Math.floor(bc[1] / 5)]; oball[2] = padding+(width/3)+26+(((width/3)-40)/5)*coord[0] oball[3] = padding+height-20-(((width/3)-40)/5)*coord[1]; ball[2] = "#00FF00"; upd = 1; } else if(v > prob1 + prob2) { const coord = [(bc[2]) % 5,Math.floor(bc[2] / 5)]; oball[2] = padding+2*(width/3)+26+(((width/3)-40)/5)*coord[0] oball[3] = padding+height-20-(((width/3)-40)/5)*coord[1]; ball[2] = "#FF0000"; upd = 2; } drawFromUrn(upd,1000); } async function sample50() { for (let i = 0; i < 50; i++) { sampleShort(); await new Promise(r => setTimeout(r, 330)); } } const container = html`

${binput}

${ginput}

${rinput}

${canvas}

` const b1 = container.querySelector('#b1'); const b2 = container.querySelector('#b2'); b1.onclick = sample; b2.onclick = sample50; drawInit(); return container; }