30:[] 2e:{"title":"Adopt an Emoji","cells":[{"id":0,"value":"md`# Adopt an Emoji`","pinned":false,"hidden":false,"mode":"ojs"},{"id":182,"value":"html`

Adopt an emoji! Choose a name and an emoji. Click Adopt to adopt it. Come back tomorrow to see it again! Hit Set Free to start over! Fetch tries to reload your Adopted pet!

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":15,"value":"view = html`

${savedName? savedName: name}

${savedEmo? savedEmo: emo}

Age: ${savedAdopted? calcDays(savedAdopted, new Date()): age} day(s) old

\n\n\n\n

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":137,"value":"{\n let buttons = html`\n \n \n \n\n`\n yield buttons;\n buttons.querySelector(\"#adopt\").addEventListener(\"click\", setState)\n buttons.querySelector(\"#fetch\").addEventListener(\"click\", getPet)\n buttons.querySelector(\"#free\").addEventListener(\"click\", clearState)\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":30,"value":"viewof name = Text({label: \"Name\", placeholder: \"Enter your pet's name\", value: \"Anonymous\"})","pinned":false,"hidden":false,"mode":"ojs"},{"id":12,"value":"viewof emo = Select(emoji, {label: \"Pick an Emoji\"})","pinned":false,"hidden":false,"mode":"ojs"},{"id":165,"value":"{await visibility();\n getPet();\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":139,"value":"clearState=()=>{\n localStorage.clear()\n mutable savedAdopted = 0\n \n getPet()\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":121,"value":"setState = ()=>{\n localStorage.setItem(\"name\",name);\n localStorage.setItem(\"emoji\",emo);\n localStorage.setItem(\"adopted\", Date.now());\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":93,"value":"mutable savedName = \"\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":95,"value":"mutable savedEmo = \"\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":97,"value":"mutable savedAdopted = 0","pinned":false,"hidden":false,"mode":"ojs"},{"id":99,"value":"getPet =()=> {\n mutable savedName = localStorage.getItem('name')\n mutable savedEmo = localStorage.getItem('emoji')\n mutable savedAdopted = localStorage.getItem(\"adopted\")\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":19,"value":"html``","pinned":false,"hidden":false,"mode":"ojs"},{"id":52,"value":"function _calculateAge(birthday) { // birthday is a date\n var ageDifMs = Date.now() - birthday.getTime();\n var ageDate = new Date(ageDifMs); // miliseconds from epoch\n return Math.abs(ageDate.getUTCFullYear() - 1970);\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":59,"value":"calcDays = (first,second)=>{\n const oneDay = 24 * 60 * 60 * 1000; // hours*minutes*seconds*milliseconds\n //const firstDate = new Date(2008, 1, 12);\n //const secondDate = new Date(2008, 1, 22);\n\n const diffDays = Math.round(Math.abs((first - second) / oneDay));\n return diffDays;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":54,"value":"age = { yield calcDays(mutable savedAdopted? mutable savedAdopted: new Date(), new Date())}","pinned":true,"hidden":false,"mode":"ojs"},{"id":8,"value":"html`

Imports

`","pinned":true,"hidden":false,"mode":"ojs"},{"id":10,"value":"import {emoji} from \"@jashkenas/every-emoji\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":5,"value":"import {Select, Text, Button} from \"@observablehq/inputs\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":46,"value":"import {localStorage} from \"@mbostock/safe-local-storage\"\n","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W30","stdlib":"1","titling":"auto"}