29:null 2a:["$","title",null,{"children":"Just intonation interval calculator | Elliot Winkler | Observable"}] 2f:T735,form = { const firstField = html``; const secondField = html`` const ratioContainer = html``; const centsContainer = html``; const results = html` `; const form = html` `; const captureInput = () => { const firstRatio = parseFraction(firstField.value); const secondRatio = parseFraction(secondField.value); if (firstRatio && secondRatio) { const ratioDistance = firstRatio.compare(secondRatio) > 0 ? firstRatio.div(secondRatio) : secondRatio.div(firstRatio); const cents = convertFractionToCents(ratioDistance); results.classList.remove("hidden"); ratioContainer.innerText = `${ratioDistance.n}/${ratioDistance.d}`; centsContainer.innerText = Math.round(cents * 100) / 100; localStorage.setItem("input", JSON.stringify({ firstFraction: firstField.value, secondFraction: secondField.value })); } else { results.classList.add("hidden"); centsContainer.innerText = ""; } }; firstField.addEventListener("input", captureInput); secondField.addEventListener("input", captureInput); const rawPreviousInput = localStorage.getItem("input"); if (rawPreviousInput != null) { const previousInput = JSON.parse(rawPreviousInput); firstField.value = previousInput.firstFraction; secondField.value = previousInput.secondFraction; } captureInput(); return form; }30:[] 2d:{"id":"6b51097b1ed4a42b","slug":"just-intonation-interval-calculator","title":"Just intonation interval calculator","thumbnail":"5b90f04a827b03867fc7c749aa7a17bfb59a0bfe0faf75b614c445e9c89530da","access_level":"public","create_time":"$D2019-06-30T01:42:15.388Z","update_time":"$D2019-07-22T01:41:48.758Z","view_time":null,"first_public_time":"$D2019-06-30T02:32:35.408Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"48ba5f2b7419c764","login":"mcmire","name":"Elliot Winkler","avatar_url":"https://avatars-next.observableusercontent.com/e6cdeebbaceab05aa3ab82f8d651fade56434a1921dd0cebea3dc3af51a78522","tier":"starter_2024"},"version":115,"publish_version":115,"role":null,"authored":false,"authors":[{"type":"individual","id":"dbea7593e7183e43","login":"mcmire","name":"Elliot Winkler","avatar_url":"https://avatars-next.observableusercontent.com/e6cdeebbaceab05aa3ab82f8d651fade56434a1921dd0cebea3dc3af51a78522","tier":null}],"members":[{"type":"individual","id":"dbea7593e7183e43","login":"mcmire","name":"Elliot Winkler","avatar_url":"https://avatars-next.observableusercontent.com/e6cdeebbaceab05aa3ab82f8d651fade56434a1921dd0cebea3dc3af51a78522","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"Just intonation interval calculator","cells":[{"id":0,"value":"md`# Just intonation interval calculator`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4,"value":"$2f","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":93,"value":"md`---\n## Appendix`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":62,"value":"parseFraction = (text) => {\n const match = text.match(/^\\s*(\\d+)[ ]*\\/[ ]*(\\d+)\\s*$/);\n\n if (match == null) {\n return null;\n } else {\n const numerator = parseInt(match[1], 10);\n const denominator = parseInt(match[2], 10);\n \n if (match[1] > 0 && match[2] > 0) {\n return Fraction(match[1], match[2]);\n } else {\n return null;\n }\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":58,"value":"import { convertFractionToCents, _, Fraction } from \"@mcmire/tone-utils\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":25,"value":"html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W30","stdlib":"1","titling":"auto"}} 2e:"$2d:body"