25:null 26:["$","title",null,{"children":"Settable variables | Kelley van Evert | Observable"}] 2b:[] 29:{"id":"477fbd687c020dc0","slug":"settable-variables/2","title":"Settable variables","thumbnail":"7b65352c3a2ac4ddd6e5bdf2629491680f3de1a0905660527ef17222cd222192","access_level":"public","create_time":"$D2018-02-07T12:55:36.651Z","update_time":"$D2018-05-06T12:58:42.659Z","view_time":null,"first_public_time":"$D2018-02-07T16:53:38.720Z","fork":true,"stars":2,"starred":false,"owner":{"type":"team","id":"cdda271b76654961","login":"kelleyvanevert","name":"Kelley van Evert","avatar_url":"https://avatars-next.observableusercontent.com/86df2bc54dd099fad6826dfcf7ae3dd97c5e0cdcf0cf3e0ac85ecd13e1938db2","tier":"starter_2024"},"version":178,"publish_version":178,"role":null,"authored":false,"authors":[{"type":"individual","id":"a35690ff73833989","login":"kelleyvanevert","name":"Kelley van Evert","avatar_url":"https://avatars-next.observableusercontent.com/86df2bc54dd099fad6826dfcf7ae3dd97c5e0cdcf0cf3e0ac85ecd13e1938db2","tier":null}],"members":[{"type":"individual","id":"a35690ff73833989","login":"kelleyvanevert","name":"Kelley van Evert","avatar_url":"https://avatars-next.observableusercontent.com/86df2bc54dd099fad6826dfcf7ae3dd97c5e0cdcf0cf3e0ac85ecd13e1938db2","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":2,"collection":null,"type":"notebook","body":{"title":"Settable variables","cells":[{"id":0,"value":"md`# Settable variables`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4,"value":"interface_for_x = inputVar('Kelley')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":118,"value":"x = Generators.input(interface_for_x)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":12,"value":"function inputVar (initialValue) {\n const el = html`

← This is an input variable.

(Use ⟨var⟩.set(..) to set its value anywhere, and v = Generators.input(⟨var⟩) in another cell, to use it.)

`;\n el.value = initialValue;\n \n el.set = (newValue) => {\n el.value = newValue;\n setTimeout(() => {\n el.dispatchEvent(new CustomEvent('input'));\n }, 1);\n };\n \n return el;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":107,"value":"viewof b = button('Test input variable!')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":111,"value":"{\n b;\n interface_for_x.set(Math.round(Math.random()*100));\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":105,"value":"import {button} from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W2b","stdlib":"1","titling":"auto"}} 2a:"$29:body"