27:null 28:["$","title",null,{"children":"viewof example | Julien Barnier | Observable"}] 2d:[] 2b:{"id":"2566859d79613fdf","slug":null,"title":"viewof example","thumbnail":"2679e2758a90d64b462385a753d5ce79ce72bff7a0dfb93432b529cc08d277d1","access_level":"public","create_time":"$D2023-09-18T12:59:51.140Z","update_time":"$D2023-09-18T13:55:00.041Z","view_time":null,"first_public_time":"$D2023-09-18T12:59:51.140Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"1a55a189adb52dd7","login":"juba","name":"Julien Barnier","avatar_url":"https://avatars-next.observableusercontent.com/39220b21cbf7eff8318ad71b8f1f1b73aaaa40953e51c89e2bf097d8e901318c","tier":"starter_2024"},"version":31,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"ef385df54c3fe400","login":"juba","name":"Julien Barnier","avatar_url":"https://avatars-next.observableusercontent.com/39220b21cbf7eff8318ad71b8f1f1b73aaaa40953e51c89e2bf097d8e901318c","tier":null}],"members":[{"type":"individual","id":"ef385df54c3fe400","login":"juba","name":"Julien Barnier","avatar_url":"https://avatars-next.observableusercontent.com/39220b21cbf7eff8318ad71b8f1f1b73aaaa40953e51c89e2bf097d8e901318c","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"viewof example","cells":[{"id":0,"value":"# viewof example","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":10,"value":"\n \n \n \n \n \n \n

Input 1	Input 2	Result
${viewof input1}	${viewof input2}	${concat2([viewof input1, viewof input2])}

","pinned":true,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":29,"value":"concat2 = (views) => {\n const output = htl.html``;\n const update = () => {\n output.textContent = views.map((v) => v.value).join(\"\");\n };\n for (const view of views) {\n view.addEventListener(\"input\", update);\n invalidation.then(() => view.removeEventListener(\"input\", update));\n }\n update();\n return output;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":15,"value":"viewof concat = input1 + input2","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5,"value":"viewof input1 = Inputs.text({ value: \"foo\" })","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":8,"value":"viewof input2 = Inputs.text({ value: \"bar\" })","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W2d","stdlib":"1","titling":"auto"}} 2c:"$2b:body"