31:T520,css = html` `32:T4fb,story = [ { scene: 0, img: await FileAttachment("image1 smaller.jpg").url(), description: "You're in bed. Do you want to get up?", wide: '400px', choices:[ { id: 1, label: "Get out of bed.", description: "You did it. Amazing executive function!!!", gotoScene: 1 }, { id: 2, label: "Stay in bed.", description: "You feel like a decomposing baked potato. ", gotoScene: 2 } ]}, { scene:1, img: await FileAttachment("image3@1.jpg").url(), wide: '200px', choices:[ { id: 3, label: "face dragon", description: "you've faced the dragon - you win! -- let's start again!", gotoScene: 2 }, { id: 4, label: "run away", description: "you're scared - you lose -- let's start over! ", gotoScene: 0 } ]}, { scene: 2, img: await FileAttachment("image2@1.jpg").url(), wide: '300px', choices:[ { id: 5, label: "Go out in the hallway.", description: "you've faced the goblin -- you win! let's start over", gotoScene: 0 }, { id: 6, label: "Fuck it. Get back in bed.", description: "you try to run away but the goblin eats you. Let's start over", gotoScene: 1 } ]} ]33:[{"id":"389e53b9c132d01b31406bb9e92943516b1509a0d04449f2ef9fb64f52fee98231af64ac138db399d8fb988395578369c47b24d603261843e1fb19cd7bd53f02","href":"https://static.observableusercontent.com/files/389e53b9c132d01b31406bb9e92943516b1509a0d04449f2ef9fb64f52fee98231af64ac138db399d8fb988395578369c47b24d603261843e1fb19cd7bd53f02","name":"image1 smaller.jpg","type":"image/jpeg","lastModified":1615957497795.324,"size":442959},{"id":"9c4060e4d461ffdc9977a29945d8fbc8d0b7d680b6b4c335181b1b843d51d38c37bf2ba91e90a0de973f5ad9015bb4ac1e3e057a6afb0a1541ac9368352f3f45","href":"https://static.observableusercontent.com/files/9c4060e4d461ffdc9977a29945d8fbc8d0b7d680b6b4c335181b1b843d51d38c37bf2ba91e90a0de973f5ad9015bb4ac1e3e057a6afb0a1541ac9368352f3f45","name":"image2@1.jpg","type":"image/jpeg","lastModified":1615957497795.324,"size":452566},{"id":"7e05b8402ebc0930df4e0fbe11a12afde78a87ea23acd6974b1ec87677af1819e0cd9418ab9ef2b45630e894d545e360647d5dae1722d5b9687c8c75f1590342","href":"https://static.observableusercontent.com/files/7e05b8402ebc0930df4e0fbe11a12afde78a87ea23acd6974b1ec87677af1819e0cd9418ab9ef2b45630e894d545e360647d5dae1722d5b9687c8c75f1590342","name":"image3@1.jpg","type":"image/jpeg","lastModified":1615957497795.324,"size":457496}] 2f:{"title":"Interactive Story","cells":[{"id":0,"value":"md`# Interactive Story `","pinned":false,"hidden":false,"mode":"ojs"},{"id":17,"value":"view = html`

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":143,"value":"$31","pinned":true,"hidden":false,"mode":"ojs"},{"id":19,"value":"{init()}","pinned":true,"hidden":false,"mode":"ojs"},{"id":79,"value":"init = ()=>{\n renderStep();\n bindEvents();\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":39,"value":"nextStep = ()=>{\n let theSelect = view.querySelector('#choices select')\n mutable currentScene = theSelect.value\n mutable currentText = theSelect.options[theSelect.selectedIndex].dataset.description\n\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":32,"value":"renderStep = ()=>{\n console.log(\"renderStep: currentScene\", currentScene)\n view.querySelector('#log').appendChild(html`\n

${currentText}

\n `);\n \n view.querySelector('#choices').replaceChild(html``, view.querySelector('#choices').childNodes[0]);\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":56,"value":"bindEvents = ()=>{\n view.querySelector(\"#choices\").removeEventListener(\"change\", nextStep)\n view.querySelector(\"#choices\").addEventListener(\"change\", nextStep)\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":11,"value":"mutable currentScene = 0\n","pinned":true,"hidden":false,"mode":"ojs"},{"id":174,"value":"mutable currentText = 'You wake up...'","pinned":true,"hidden":false,"mode":"ojs"},{"id":4,"value":"$32","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W33","stdlib":"1","titling":"auto"}