2c:null 2d:["$","title",null,{"children":"Conditional Form | Mike Bostock | Observable"}] 32:[] 30:{"id":"751744cde7211c6f","slug":"conditional-form","title":"Conditional Form","thumbnail":"319c063371be2c768ff4681da5606a83e791bf4f629301a329c144cc79cdcb31","access_level":"public","create_time":"$D2020-05-15T20:28:31.925Z","update_time":"$D2020-05-15T23:32:42.873Z","view_time":null,"first_public_time":"$D2020-05-15T20:47:17.673Z","has_unpublished_edits":null,"fork":false,"stars":9,"starred":false,"owner":{"type":"team","id":"8c2e47252fd4995c","login":"mbostock","name":"Mike Bostock","avatar_url":"https://avatars-next.observableusercontent.com/7dbba99ced40bd5ab8013c99b1a11da61231bce321ba1148a9d16ad0f121550a","tier":"pro_2026"},"version":115,"publish_version":115,"role":null,"authored":false,"authors":[{"type":"individual","id":"074c414ad1d825f5","login":"mbostock","name":"Mike Bostock","avatar_url":"https://avatars-next.observableusercontent.com/7dbba99ced40bd5ab8013c99b1a11da61231bce321ba1148a9d16ad0f121550a","tier":null}],"members":[{"type":"individual","id":"074c414ad1d825f5","login":"mbostock","name":"Mike Bostock","avatar_url":"https://avatars-next.observableusercontent.com/7dbba99ced40bd5ab8013c99b1a11da61231bce321ba1148a9d16ad0f121550a","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":4,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Conditional Form","cells":[{"id":0,"value":"md`# Conditional Form\n\nThis notebook demonstrates a form with conditional questions: depending in your first answer, you are asked to answer either the second or third question.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":6,"value":"viewof a1 = choose({\n title: \"Which are better, cats or dogs?\",\n options: [\n {title: \"Cats 🐈\", value: \"cats\"},\n {title: \"Dogs 🐕\", value: \"dogs\"}\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":23,"value":"viewof a2 = choose({\n title: \"Which breed of cat is your favorite?\",\n disabled: a1 !== \"cats\",\n value: this && this.choose.value,\n options: [\n {value: \"Siamese\"},\n {value: \"Persian\"},\n {value: \"Maine Coon\"},\n {value: \"Ragdoll\"},\n {value: \"Bengal\"},\n {value: \"Abyssinian\"},\n {value: \"Birman\"},\n {value: \"Oriental Shorthair\"},\n {value: \"Sphynx\"},\n {value: \"Devon Rex\"},\n {value: \"Himalayan\"},\n {value: \"American Shorthair\"},\n {value: \"other\"}\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":46,"value":"viewof a3 = choose({\n title: \"Which breed of dog is your favorite?\",\n disabled: a1 !== \"dogs\",\n value: this && this.choose.value,\n options: [\n {value: \"Labrador Retrievers\"},\n {value: \"German Shepherds\"},\n {value: \"Golden Retrievers\"},\n {value: \"French Bulldogs\"},\n {value: \"Bulldogs\"},\n {value: \"Poodles\"},\n {value: \"Beagles\"},\n {value: \"Rottweilers\"},\n {value: \"German Shorthaired Pointers\"},\n {value: \"Pembroke Welse Corgis\"},\n {value: \"other\"}\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":79,"value":"answers = [a1, a2, a3]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":8,"value":"function choose({title, value, options = [], disabled = false}) {\n const form = html``;\n if (value !== undefined) form.choose.value = value;\n form.value = Promise.resolve(disabled ? undefined : value); // Don’t defer evaluation.\n form.addEventListener(\"input\", event => form.value = form.choose.value);\n return form;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":11,"value":"html = (await require(\"htl@0.2\")).html","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W32","stdlib":"1"}} 31:"$30:body"