2e:null 2f:["$","title",null,{"children":"Simple Calculator View | Andrew Wooldridge | Observable"}] 34:T58c,viewof calculator = { const element = html`

`; element.value = { past: 0, current: 0, ribbon: '' }; let buttons = element.querySelectorAll("button").forEach((itm,idx,arr)=>{ itm.addEventListener("click", (e)=>{ let tempState = {...element.value}; if(e.target.id == 'c'){ tempState.past = tempState.current; tempState.ribbon = ''; tempState.current = 0; } else if(e.target.id == "="){ tempState.past = tempState.current; tempState.current = eval(tempState.ribbon); tempState.ribbon = ''; } else { tempState.ribbon += e.target.id; } element.value = tempState; element.dispatchEvent(new CustomEvent("input")); }) }) return element } 35:[] 32:{"id":"e363ecf655cccf13","slug":"simple-calculator-view","title":"Simple Calculator View","thumbnail":"25a8d796f5ee10e867e9d9743040215f90ae173a384ba90925c0c42232b1c5d0","access_level":"public","create_time":"$D2021-09-04T02:27:01.591Z","update_time":"$D2021-09-04T14:38:03.873Z","view_time":null,"first_public_time":"$D2021-09-04T14:39:11.400Z","has_unpublished_edits":null,"fork":false,"stars":2,"starred":false,"owner":{"type":"team","id":"2d6b5d0f9034e560","login":"triptych","name":"Andrew Wooldridge","avatar_url":"https://avatars-next.observableusercontent.com/84b4215a79a8f07f1610f6650183c4793985ecf13ed3af2944962bee15c46c2e","tier":"starter_2024"},"version":171,"publish_version":171,"role":null,"authored":false,"authors":[{"type":"individual","id":"b8d79ca293134247","login":"triptych","name":"Andrew Wooldridge","avatar_url":"https://avatars-next.observableusercontent.com/84b4215a79a8f07f1610f6650183c4793985ecf13ed3af2944962bee15c46c2e","tier":null}],"members":[{"type":"individual","id":"b8d79ca293134247","login":"triptych","name":"Andrew Wooldridge","avatar_url":"https://avatars-next.observableusercontent.com/84b4215a79a8f07f1610f6650183c4793985ecf13ed3af2944962bee15c46c2e","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":true,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":{"id":"b8c47a0a13a962a4","slug":"small-tools","title":"Small Tools","owner":{"id":"2d6b5d0f9034e560","login":"triptych","name":"Andrew Wooldridge"}},"type":"notebook","body":{"title":"Simple Calculator View","cells":[{"id":0,"value":"# Simple Calculator View","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":104,"value":"calculator","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":168,"value":"---","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":13,"value":"html`\n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":14,"value":"Sass = require('sass.js@0.11.1/dist/sass.sync.js')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":18,"value":"compileSass = (text) => new Promise((resolve, reject)=> {\n Sass.compile(text, result => {\n if (result.status === 0) {\n resolve(result.text)\n console.log(result.text)\n }\n else {\n const message = result.formatted.replace(\"of /stdin\", \"\")\n reject(message)\n }\n })\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W35","stdlib":"1","titling":"auto"}} 33:"$32:body"