31:[] 2f:{"title":"Counter and reset","cells":[{"id":0,"value":"md`# Counter and reset\nI though it was easy to define a counter with reset button. It took me a rather long time to make it working. I share this notebook in case it will be useful to somebody else.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":110,"value":"md`## with input on viewof`","pinned":false,"hidden":false,"mode":"ojs"},{"id":30,"value":"viewof count = html``","pinned":false,"hidden":false,"mode":"ojs"},{"id":34,"value":"parseInt(count)","pinned":true,"hidden":false,"mode":"ojs"},{"id":46,"value":"{\n const form = html``;\n form.inc.onclick = () => {\n ++viewof count.value;\n viewof count.dispatchEvent(new CustomEvent(\"input\"));\n };\n return form;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":41,"value":"{\n const init = html``;\n init.onclick = () => {\n viewof count.value = 0;\n viewof count.dispatchEvent(new CustomEvent(\"input\"));\n };\n return init;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":112,"value":"md `## with mutable`","pinned":false,"hidden":false,"mode":"ojs"},{"id":97,"value":"mutable counter = 0\n\n","pinned":false,"hidden":false,"mode":"ojs"},{"id":115,"value":"{\n const form = html``;\n form.inc.onclick = () => ++mutable counter;\n return form;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":117,"value":"{\n const init = html``;\n init.onclick = () => mutable counter =0;\n return init;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":126,"value":"md `## array of counters` ","pinned":false,"hidden":false,"mode":"ojs"},{"id":133,"value":"mutable arr=[1,2,3,4]\n","pinned":false,"hidden":false,"mode":"ojs"},{"id":135,"value":"{\n const form = html``;\n form.inc.onclick = () => ++mutable arr[0];\n return form;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":139,"value":"{\n const init = html``;\n init.onclick = () => mutable arr[0] =0;\n return init;\n}","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}