2b:null 2c:["$","title",null,{"children":"Group volume control | David Blurton | Observable"}] 31:[] 2f:{"id":"8426ad2d0eddd903","slug":"group-volume-control","title":"Group volume control","thumbnail":"df256965cd2a81786a255cb1e98b3569565df82b015f9508a21a3ed50e107466","access_level":"public","create_time":"$D2021-04-09T14:52:26.203Z","update_time":"$D2021-05-24T13:15:59.665Z","view_time":null,"first_public_time":"$D2021-04-09T15:42:28.898Z","fork":{"id":"45b09a32e7d3d4ee","slug":"nonlinear-slider","title":"Nonlinear Slider","owner":{"id":"8c2e47252fd4995c","login":"mbostock","name":"Mike Bostock"}},"stars":0,"starred":false,"owner":{"type":"team","id":"afebdbf30c62abb2","login":"davidblurton","name":"David Blurton","avatar_url":"https://avatars-next.observableusercontent.com/b2b0f1d6492e55e563b1ebe179f06af27c7bd6cf46dc09ab7f8ac49b89107e1d","tier":"starter_2024"},"version":216,"publish_version":216,"role":null,"authored":false,"authors":[{"type":"individual","id":"82f0fd13972f3865","login":"davidblurton","name":"David Blurton","avatar_url":"https://avatars-next.observableusercontent.com/b2b0f1d6492e55e563b1ebe179f06af27c7bd6cf46dc09ab7f8ac49b89107e1d","tier":null}],"members":[{"type":"individual","id":"82f0fd13972f3865","login":"davidblurton","name":"David Blurton","avatar_url":"https://avatars-next.observableusercontent.com/b2b0f1d6492e55e563b1ebe179f06af27c7bd6cf46dc09ab7f8ac49b89107e1d","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"Group volume control","cells":[{"id":0,"value":"md`# Group volume control`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":3,"value":"viewof x = {\n const form = html``;\n const sOnInput = () => {\n form.g.value = (form.s.valueAsNumber + form.l.valueAsNumber) / 2; \n };\n\n const lOnInput = () => {\n form.g.value = (form.s.valueAsNumber + form.l.valueAsNumber) / 2; \n };\n\n form.s.oninput = sOnInput;\n form.l.oninput = lOnInput;\n\n form.g.oninput = () => {\n // form.s.oninput = () => {};\n // form.l.oninput = () => {};\n const l = form.l.valueAsNumber;\n const s = form.s.valueAsNumber;\n const g = form.g.valueAsNumber;\n\n const nextS = 2 * g - l;\n const nextL = 2 * g - s;\n\n console.log(nextS, nextL);\n\n form.s.value = nextS;\n form.l.value = nextL;\n\n // form.s.oninput = sOnInput;\n // form.l.oninput = lOnInput;\n }\n return form;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":17,"value":"x","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"}],"files":"$W31","stdlib":"1","titling":"auto"}} 30:"$2f:body"