30:T483,

Todo

${md` - \`[ ]\` Load instructions into unified memory instead of a separate memory block - \`loadInstructions\` - Change to load into memory - Move pointer to \`loadInstructions\` plus two - Remove \`currentInstructions\` - Read params from \`parameterIndex\` - Stop program when encountering blank memory position - Programmer can use this memory and only setting to blank when program completes - \`[ ]\` Use \`jump\` in demo - \`[ ]\` Rewrite instructions in memory in demo - \`[ ]\` Investigate common instruction sets for any missing common instructions - \`[ ]\` Multiple demos - \`[ ]\` Make instructions and memory stored as binary - \`[ ]\` Limit memory values based on byte size `}

Done

${md` - \`[x]\` Implement \`maxCycles\` - \`[x]\` Add instruction log with last run instructions - \`[x]\` Implement \`hz\` - \`[x]\` Implement conditionals - \`[x]\` Bytes - \`[x]\` Inc/dec - \`[x]\` Reset on shutdown - \`[x]\` Return memory as output from program - \`[x]\` Binary representation - \`[x]\` Set byte size as bits `}

31:T403,programs = [ // Demo 1: Sum numbers until we reach 256 // Requires more than 8-bit values [ [0, 1], ["add", 1], ["storeAtPointer"], ["addFromPointer"], ["pointerUp"], ["storeAtPointer"], ["addFromPointer"], ["pointerUp"], ["storeAtPointer"], ["addFromPointer"], ["pointerUp"], ["storeAtPointer"], ["addFromPointer"], ["pointerUp"], ["storeAtPointer"], ["addFromPointer"], ["pointerUp"], ["storeAtPointer"], ["addFromPointer"], ["pointerUp"], ["storeAtPointer"], ["addFromPointer"], ["pointerUp"], ["storeAtPointer"] ] // Demo 2: Loop // [ // ["loadN", 10], // Set initial counter value, // ["storeAtPointer"], // Store counter // ["pointerUp"], // Move pointer to starting index // ["loadN", 1], // ["storeAtPointer"], // ["pointerUp"], // ["add", 1], // ["storeAtPointer"], // ["loadFromPointer"], // ["sub", 1], // Subtract 1 // ["jumpIf", 1] // ] ]32:T55a,function renderMemoryGrid(size, values) { return html`

Acc

${ renderBinary ? dec2bin(accumulator, bits) : accumulator }

${_.range(size).map( (i) => `

${i} ${pointer === i ? "*" : ""}

${ _.isUndefined(values[i]) ? "–" : values[i] }

` )}

`; }33:[] 2e:{"title":"Computer","cells":[{"id":0,"value":"# Computer","pinned":false,"hidden":false,"mode":"md"},{"id":19,"value":"This notebook is a primitive computer. If it's stupid, but it works, it's not stupid.","pinned":false,"hidden":false,"mode":"md"},{"id":2039,"value":"toc({\n select: \"h2\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":2848,"value":"$30","pinned":false,"hidden":false,"mode":"html"},{"id":2072,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":2073,"value":"To understand what’s going on, watch Machine Code Explained from Computerphile.","pinned":false,"hidden":false,"mode":"md"},{"id":6,"value":"youtube(\"8VsiYWW9r48\", 0, 480)","pinned":false,"hidden":false,"mode":"ojs"},{"id":846,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":43,"value":"## Usage","pinned":false,"hidden":false,"mode":"md"},{"id":354,"value":"```js\nimport { run } with { power, instructions } from '@jerryjappinen/computer'\n\n// Write your program\ninstructions = [\n [\"loadN\", 0],\n [\"add\", 1]\n]\n\n// Turn computer on\npower = true\n\n// Start your program\nrun()\n```","pinned":false,"hidden":false,"mode":"md"},{"id":367,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":1802,"value":"## Demo","pinned":false,"hidden":false,"mode":"md"},{"id":1136,"value":"viewof power = Inputs.toggle({\n label: varLabel(\"power\"),\n value: false\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":952,"value":"Inputs.button(\"Load demo instructions (see below)\", {\n reduce() {\n loadInstructions(demoInstructions);\n },\n disabled: !power\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1211,"value":"Inputs.button(\"Run instructions\", {\n reduce: run,\n disabled: !power\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1680,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":2589,"value":"viewof renderBinary = Inputs.toggle({ label: \"Show as binary\", value: false })","pinned":false,"hidden":false,"mode":"ojs"},{"id":1101,"value":"renderState()","pinned":false,"hidden":false,"mode":"ojs"},{"id":960,"value":"({\n cycle,\n pointer,\n accumulator,\n currentInstructionIndex,\n instructions,\n memory,\n log\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1866,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":638,"value":"demoInstructions = programs[0]","pinned":true,"hidden":false,"mode":"ojs"},{"id":2141,"value":"$31","pinned":true,"hidden":false,"mode":"ojs"},{"id":767,"value":"If you try to load multiple programs and run them in parallel with this computer, you will start to see unintended (although predictable) results.","pinned":false,"hidden":false,"mode":"md"},{"id":2622,"value":"You can find all instruction names under `set`. This enables auto complete in Observable.","pinned":false,"hidden":false,"mode":"md"},{"id":2167,"value":"set = _.keyBy(\n instructionsAvailable.map((f) => f.name),\n (n) => n\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":272,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":1808,"value":"## Instruction set","pinned":false,"hidden":false,"mode":"md"},{"id":273,"value":"The ${instructionsAvailable.length} instructions available in this computer are:","pinned":false,"hidden":false,"mode":"md"},{"id":1897,"value":"html`\n\n \n \n \n \n \n \n \n \n \n \n ${instructionsAvailable\n .map(\n (f, i) => `\n \n \n \n \n \n \n \n `\n )\n .join(\"\")}\n \n

Code	Code (binary)	Name	Parameters	Description
${i}	${getInstructionBinaryCode(i)}	${f.name}	${docs[f.name][0].join(\", \")}	${docs[f.name][1]}

\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":743,"value":"For convenience, you can use the name, decimal code or binary code when writing your instructions.","pinned":false,"hidden":false,"mode":"md"},{"id":44,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":1805,"value":"## Configuration","pinned":false,"hidden":false,"mode":"md"},{"id":38,"value":"Customize your computing experience by importing the notebook with your variables:","pinned":false,"hidden":false,"mode":"md"},{"id":721,"value":"```js\nimport { run } with { instructions, power, bytes, bits, hz, maxCycles } from '@jerryjappinen/computer'\n\nbytes = ${bytes}\nbits = ${bits}\nhz = ${hz}\nmaxCycles = ${maxCycles}\n```","pinned":false,"hidden":false,"mode":"md"},{"id":2006,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":2010,"value":"Memory available:","pinned":false,"hidden":false,"mode":"md"},{"id":2012,"value":"viewof bytes = Inputs.radio([64, 64 * 8, 64 * 1000], {\n label: varLabel(\"bytes\"),\n value: 64\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":2028,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":1999,"value":"Computer speed in operations per second:","pinned":false,"hidden":false,"mode":"md"},{"id":1996,"value":"viewof hz = Inputs.radio([1, 10, 100, 1000], {label: varLabel(\"hz\"), value: 1})","pinned":false,"hidden":false,"mode":"ojs"},{"id":2032,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":2017,"value":"Maximum total number of cycles that your program can run, including jumps:","pinned":false,"hidden":false,"mode":"md"},{"id":669,"value":"maxCycles = hz * 128","pinned":true,"hidden":false,"mode":"ojs"},{"id":2026,"value":"`maxCycles` is effectively a failsafe in case you do something stupid in your program.","pinned":false,"hidden":false,"mode":"md"},{"id":1869,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":2103,"value":"## Binary","pinned":false,"hidden":false,"mode":"md"},{"id":2235,"value":"Binary is the true representation of data numbers, and text which is encoded as numbers.\n\nA programmer can use this computer, i.e. write instructions and read memory, using text and decimal numbers, but they are only a surface-level convenience which will be stored as binary (ones and zeroes).","pinned":false,"hidden":false,"mode":"md"},{"id":2442,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":2450,"value":"The instruction set supported by this computer has ${instructionsAvailable.length} instructions. To encode numbers 0–${instructionsAvailable.length} in binary, you need up to ${instructionCodeBits} ones and zeroes, i.e. a ${instructionCodeBits}-bit value:","pinned":false,"hidden":false,"mode":"md"},{"id":2432,"value":"instructionCodeBits = Math.ceil(Math.sqrt(instructionsAvailable.length, 2))","pinned":true,"hidden":false,"mode":"ojs"},{"id":2635,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":2633,"value":"The memory in this computer can store up to ${bytes} values. To index these positions (called indices), we need ${memoryIndexBits}-bit binary numbers:","pinned":false,"hidden":false,"mode":"md"},{"id":2631,"value":"memoryIndexBits = Math.ceil(Math.sqrt(bytes, 2))","pinned":true,"hidden":false,"mode":"ojs"},{"id":2446,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":2461,"value":"These values are ${bits}-bit binary numbers, which can store decimal numbers between ${tex`0`} and ${tex`2^{${bits}} - 1 = ${formatNumber(Math.pow(2, bits)) - 1}`}.","pinned":false,"hidden":false,"mode":"md"},{"id":2434,"value":"viewof bits = Inputs.radio([8, 16, 48], {\n label: varLabel(\"bits\"),\n value: 8\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":2111,"value":"memory.map((v) => dec2bin(v, bits))","pinned":true,"hidden":false,"mode":"ojs"},{"id":2102,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":1870,"value":"## Log","pinned":false,"hidden":false,"mode":"md"},{"id":1872,"value":"Each cycle writes a log entry for you to inspect after running your program:","pinned":false,"hidden":false,"mode":"md"},{"id":1209,"value":"log","pinned":true,"hidden":false,"mode":"ojs"},{"id":1818,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":1819,"value":"## Advanced","pinned":false,"hidden":false,"mode":"md"},{"id":1821,"value":"You can dynamically load different instructions and control the computer's operation with these functions:","pinned":false,"hidden":false,"mode":"md"},{"id":1832,"value":"loadInstructions","pinned":true,"hidden":false,"mode":"ojs"},{"id":1823,"value":"run","pinned":true,"hidden":false,"mode":"ojs"},{"id":1830,"value":"pause","pinned":true,"hidden":false,"mode":"ojs"},{"id":1828,"value":"reset","pinned":true,"hidden":false,"mode":"ojs"},{"id":1963,"value":"Note that `instructions` is `mutable`.","pinned":false,"hidden":false,"mode":"md"},{"id":1660,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":713,"value":"# Source","pinned":false,"hidden":false,"mode":"md"},{"id":1132,"value":"power ? tick() : reset()","pinned":true,"hidden":false,"mode":"ojs"},{"id":174,"value":"mutable accumulator = 0","pinned":true,"hidden":false,"mode":"ojs"},{"id":81,"value":"mutable pointer = 0","pinned":true,"hidden":false,"mode":"ojs"},{"id":71,"value":"mutable memory = Array(bytes)","pinned":true,"hidden":false,"mode":"ojs"},{"id":1719,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":1116,"value":"hzInterval = 1000 / hz","pinned":true,"hidden":false,"mode":"ojs"},{"id":680,"value":"mutable running = false","pinned":true,"hidden":false,"mode":"ojs"},{"id":675,"value":"mutable cycle = 0","pinned":true,"hidden":false,"mode":"ojs"},{"id":600,"value":"mutable currentInstructionIndex = 0","pinned":true,"hidden":false,"mode":"ojs"},{"id":2185,"value":"parameterIndex = instructionUsesParams(instructions[currentInstructionIndex])\n ? pos(currentInstructionIndex + 1)\n : undefined","pinned":true,"hidden":false,"mode":"ojs"},{"id":457,"value":"mutable instructions = []","pinned":true,"hidden":false,"mode":"ojs"},{"id":880,"value":"mutable log = []","pinned":true,"hidden":false,"mode":"ojs"},{"id":1147,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":517,"value":"function loadInstructions(instructionsArray) {\n mutable instructions = normalizeInstructions(instructionsArray);\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1200,"value":"function run(optionallyNewInstructionsToLoad) {\n // Conveniently load new instruction set\n if (optionallyNewInstructionsToLoad.length) {\n loadInstructions(optionallyNewInstructionsToLoad);\n }\n\n reset();\n mutable cycle = 0;\n mutable running = true;\n\n return mutable memory;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1126,"value":"function* tick(i = 0) {\n // yield i;\n\n // Execute instruction set\n // NOTE: absolute failsafe of 100 k cycles\n // Because no computer in the world would be able to run for so long without failing\n while (i < 100 * 1000) {\n yield Promises.tick(hzInterval).then(() => {\n onTick(i);\n return i++;\n });\n }\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":688,"value":"function pause() {\n mutable running = false;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":699,"value":"function reset() {\n mutable currentInstructionIndex = 0;\n mutable accumulator = 0;\n mutable pointer = 0;\n mutable memory = Array(bytes);\n return 0;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1145,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":1195,"value":"function onTick() {\n if (mutable running) {\n // Execute individual instruction\n runCycle();\n\n // Check if we can continue or if we should stop\n if (\n mutable cycle < maxCycles &&\n mutable instructions[mutable currentInstructionIndex + 1]\n ) {\n mutable currentInstructionIndex = mutable currentInstructionIndex + 1;\n mutable cycle = mutable cycle + 1;\n } else {\n mutable running = false;\n }\n }\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":664,"value":"function runCycle() {\n // Instruction can be string or number, and an optional argument\n const instruction = mutable instructions[\n mutable currentInstructionIndex\n ];\n\n // We get the actual instruction function here\n const f = getInstruction(instruction[0]);\n\n // Catch bad instruction sets\n if (!f) {\n throw new Error(\"Invalid instruction\", instruction);\n }\n\n writeIntoLog(...instruction)\n\n // Pass on one argument to instruction function\n f(instruction[1]);\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":878,"value":"function writeIntoLog (...args) {\n mutable log = [args, ...mutable log]\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":389,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":99,"value":"### Instructions","pinned":false,"hidden":false,"mode":"md"},{"id":247,"value":"instructionsAvailable = [\n loadN,\n loadFrom,\n loadFromPointer,\n storeAt,\n storeAtPointer,\n\n add,\n addFrom,\n addFromPointer,\n sub,\n subFrom,\n subFromPointer,\n\n pointerUp,\n pointerDown,\n\n jumpTo,\n jumpIf,\n jumpIfNot\n]","pinned":true,"hidden":false,"mode":"ojs"},{"id":1878,"value":"docs = ({\n loadN: [[\"n\"], \"Set accumulator to n\"],\n loadFrom: [[\"i\"], \"Set accumulator to value of i\"],\n loadFromPointer: [[], \"Set accumulator to value of where pointer is\"],\n storeAt: [[\"i\"], \"Store accumulator value to i\"],\n storeAtPointer: [[], \"Store accumulator value to where pointer is\"],\n\n add: [[\"n\"], \"Add n to accumulator\"],\n addFrom: [[\"i\"], \"Add value of i to accumulator\"],\n addFromPointer: [[], \"\"],\n sub: [[\"n\"], \"Subtract n from accumulator\"],\n subFrom: [[\"i\"], \"Subtract value of i from accumulator\"],\n subFromPointer: [[], \"\"],\n\n pointerUp: [[], \"Increment pointer by 1\"],\n pointerDown: [[], \"Decrement pointer by 1\"],\n\n jumpTo: [[\"i\"], \"Jump to position i in instruction set\"],\n jumpIf: [\n [\"i\"],\n \"Jump to position i if accumulator has a value other than zero\"\n ],\n jumpIfNot: [[\"i\"], \"Jump to position i if accumulator is zero\"]\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":264,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":103,"value":"function pointerUp () {\n mutable pointer = pos(mutable pointer + 1)\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":453,"value":"function pointerDown () {\n mutable pointer = pos(mutable pointer - 1)\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":603,"value":"function jumpTo(i) {\n mutable currentInstructionIndex = i % mutable instructions.length;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":2055,"value":"function jumpIf(i) {\n if (mutable accumulator) {\n return jumpTo(i);\n }\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":2059,"value":"function jumpIfNot(i) {\n if (!mutable accumulator) {\n return jumpTo(i);\n }\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":97,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":268,"value":"function add(n) {\n mutable accumulator = val(mutable accumulator + n);\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":447,"value":"function addFrom (i) {\n return add(mutable memory[pos(i)])\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":650,"value":"function addFromPointer () {\n return add(mutable memory[mutable pointer])\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":443,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":269,"value":"function sub(n) {\n mutable accumulator = val(mutable accumulator - n);\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":451,"value":"function subFrom (i) {\n return sub(mutable memory[pos(i)])\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":653,"value":"function subFromPointer () {\n return sub(mutable memory[mutable pointer])\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":182,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":170,"value":"function loadN (n) {\n mutable accumulator = n\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":114,"value":"function loadFrom (i) {\n return loadN(mutable memory[pos(i)])\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":108,"value":"function loadFromPointer () {\n return loadFrom(mutable pointer)\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":184,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":187,"value":"function storeAt (i) {\n mutable memory[i] = mutable accumulator\n\n // https://talk.observablehq.com/t/mutable-push-to-array/4234\n mutable memory = mutable memory\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":185,"value":"function storeAtPointer () {\n return storeAt(mutable pointer)\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":118,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":120,"value":"### Utils","pinned":false,"hidden":false,"mode":"md"},{"id":537,"value":"function normalizeInstructions(instructionSetInput) {\n let s = [];\n\n instructionSetInput.forEach((a) => {\n const codeInput = _.isArray(a) ? a[0] : a;\n const code = getInstructionCode(codeInput);\n\n if (instructionUsesParams(code)) {\n const param = _.isArray(a) ? a[1] : undefined;\n s.push([code, param]);\n } else {\n s.push([code]);\n }\n });\n\n return s;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":342,"value":"instructionIndexesByName = {\n const c = {};\n\n instructionsAvailable.forEach((f, i) => {\n c[f.name.toLowerCase()] = i;\n });\n\n return c;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":2400,"value":"instructionIndexesByBinaryCode = {\n const c = {};\n\n instructionsAvailable.forEach((f, i) => {\n c[getInstructionBinaryCode(i)] = i;\n });\n\n return c;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":393,"value":"function getInstruction(arg) {\n return instructionsAvailable[getInstructionCode(arg)];\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":2212,"value":"function getInstructionCode(arg) {\n if (instructionsAvailable[arg]) {\n return arg;\n }\n\n if (_.isString(arg)) {\n const key = arg.toLowerCase();\n if (!_.isUndefined(instructionIndexesByName[key])) {\n return instructionIndexesByName[key];\n }\n if (!_.isUndefined(instructionIndexesByBinaryCode[key])) {\n return instructionIndexesByBinaryCode[key];\n }\n }\n\n if (_.isFunction(arg)) {\n return _.findIndex(\n instructionsAvailable.map((f) => f.name.toLowerCase()),\n (v) => v === arg.name.toLowerCase()\n );\n }\n\n return undefined;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":2421,"value":"function getInstructionBinaryCode(i) {\n return dec2bin(i, instructionCodeBits);\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":2188,"value":"instructionsUsingParams = _.compact(\n _.map(docs, (val, key) => (val[0].length ? key : undefined))\n).map(getInstructionCode)","pinned":false,"hidden":false,"mode":"ojs"},{"id":2197,"value":"function instructionUsesParams(code) {\n return instructionsUsingParams.indexOf(getInstructionCode(code)) > -1;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":2394,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":2395,"value":"Get memory index, but loop to stay inside available memory:","pinned":false,"hidden":false,"mode":"md"},{"id":122,"value":"function pos (i) {\n return i % bytes\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":2893,"value":"function val(n) {\n return n % Math.pow(2, bits);\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":151,"value":"[0, 1, 127, 128, 129, 513].map(pos)","pinned":true,"hidden":false,"mode":"ojs"},{"id":1060,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":2106,"value":"function dec2bin(decimalNum, pad = 1) {\n return (decimalNum >>> 0).toString(2).padStart(pad, \"0\");\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":2123,"value":"function bin2dec(binaryStr) {\n return parseInt(binaryStr, 2);\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1972,"value":"function renderState() {\n return html`

\n \n\n ${renderMemoryGrid(\n memory.length,\n renderBinary ? memory.map((v) => dec2bin(v, bits)) : memory\n )}\n\n \n

`;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1061,"value":"$32","pinned":true,"hidden":false,"mode":"ojs"},{"id":2781,"value":"","pinned":false,"hidden":false,"mode":"html"},{"id":15,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":5,"value":"import { youtube } from '@jerryjappinen/embed'","pinned":false,"hidden":false,"mode":"ojs"},{"id":623,"value":"import { baseStyles, formatNumber } from \"@jerryjappinen/ui\";","pinned":false,"hidden":false,"mode":"ojs"},{"id":1692,"value":"import { toc, varLabel } from \"@jerryjappinen/snippets\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":988,"value":"baseStyles","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W33","stdlib":"1","titling":"auto"}