3f:null 40:["$","title",null,{"children":"Aritmatika | Ali Jaya Meilio | Observable"}] 46:T442,{ const a = separateDigit(a_a) const b = separateDigit(a_b) const a_rev = a.slice().reverse() const b_rev = b.slice().reverse() return md` ${viewof a_a.tangle('example2')} + ${viewof a_b.tangle('example2')} = ( ${a_rev.join(' + ')} ) + ( ${b_rev.join(' + ')} ) = ( ${a[1]} + ${b[1]} ) + ( ${a[0]} + ${b[0]} ) = ${a[1] + b[1]} + ${a[0] + b[0]} = **${a_a + a_b}** ${_.chunk( _.concat( _.fill(Array(a[1]), '🍎'), _.fill(Array(b[1]), '🍏'), ) , 10) .map((line, idx) => `${line.join('')} ${line.length == 10 ? (idx+1) * 10 : line.length}`) .join('
') } ${_.chunk( _.concat( _.fill(Array(a[0]), '🍎'), _.fill(Array(b[0]), '🍏'), ) , 10) .map((line, idx) => `${line.join('')} ${line.length == 10 ? (idx+1) * 10 : line.length}`) .concat(Array(10 - _.ceil((a[1] + b[1])/10))) .concat(Array(2 - _.ceil((a[0] + b[0])/10))) .join('
') } ` }47:T438,{ const a = separateDigit(a_a) const b = separateDigit(a_b) const a_rev = a.slice().reverse() const b_rev = b.slice().reverse() return md` ${viewof a_a.tangle('example3')} + ${viewof a_b.tangle('example3')} = ( ${a_rev.join(' + ')} ) + ( ${b_rev.join(' + ')} ) = ( ${a[1]} + ${b[1]} ) + ( ${a[0]} + ${b[0]} ) = ${a[1] + b[1]} + ${a[0] + b[0]} = **${a_a + a_b}** ${_.chunk( _.concat( _.fill(Array(a[1]/10), '🍎'), _.fill(Array(b[1]/10), '🍏'), ) , 10) .map((line, idx) => `${line.join('')} ${line.length == 10 ? (idx+1) * 100 : line.length * 10}`) .join('
') } ${_.chunk( _.concat( _.fill(Array(a[0]), '🍎'), _.fill(Array(b[0]), '🍏'), ) , 10) .map((line, idx) => `${line.join('')} ${line.length == 10 ? (idx+1) * 10 : line.length}`) .concat(Array(3 - _.ceil((a[0] + b[0])/10))) .join('
') } ` }48:T7ad,{ const a = separateDigit(b_a, 4) const b = separateDigit(b_b, 4) const a_rev = a.slice().reverse() const b_rev = b.slice().reverse() return md` ${viewof b_a.tangle('example3')} + ${viewof b_b.tangle('example3')} = ( ${a_rev.join(' + ')} ) + ( ${b_rev.join(' + ')} ) = ( ${a[3]} + ${b[3]} ) + ( ${a[2]} + ${b[2]} ) + ( ${a[1]} + ${b[1]} ) + ( ${a[0]} + ${b[0]} ) = ${a[3] + b[3]} + ${a[2] + b[2]} + ${a[1] + b[1]} + ${a[0] + b[0]} = **${b_a + b_b}**

${_.chunk( _.concat( _.fill(Array(a[3]/1000), '🍍'), _.fill(Array(b[3]/1000), '🥥'), ) , 10) .map((line, idx) => `${line.join('')} ${line.length == 10 ? (idx+1) * 10000 : line.length * 1000}`) .join('
') }

${_.chunk( _.concat( _.fill(Array(a[2]/100), '🍍'), _.fill(Array(b[2]/100), '🥥'), ) , 10) .map((line, idx) => `${line.join('')} ${line.length == 10 ? (idx+1) * 1000 : line.length * 100}`) .join('
') }

${_.chunk( _.concat( _.fill(Array(a[1]/10), '🍍'), _.fill(Array(b[1]/10), '🥥'), ) , 10) .map((line, idx) => `${line.join('')} ${line.length == 10 ? (idx+1) * 100 : line.length * 10}`) .join('
') }

${_.chunk( _.concat( _.fill(Array(a[0]), '🍍'), _.fill(Array(b[0]), '🥥'), ) , 10) .map((line, idx) => `${line.join('')} ${line.length == 10 ? (idx+1) * 10 : line.length}`) .join('
') }

` }49:[] 44:{"id":"15804890e8437029","slug":"aritmatika","title":"Aritmatika","thumbnail":"22878f66ebc6db9b563b93569c9f121435a050b5e6fd5245440b2ceb148b3e86","access_level":"public","create_time":"$D2019-08-09T14:12:50.746Z","update_time":"$D2019-08-09T17:08:05.064Z","view_time":null,"first_public_time":"$D2019-08-09T17:03:11.062Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"05b12a45a4ffe73a","login":"alijaya","name":"Ali Jaya Meilio","avatar_url":"https://avatars-next.observableusercontent.com/a109d8212f50c678dd63e6265a0071f1da4c3541fefd0dec2e0777618b0e3ea6","tier":"starter_2024","bio":"","following":false},"version":279,"publish_version":279,"role":null,"authored":false,"authors":[{"type":"individual","id":"875b0ec8785462c4","login":"alijaya","name":"Ali Jaya Meilio","avatar_url":"https://avatars-next.observableusercontent.com/a109d8212f50c678dd63e6265a0071f1da4c3541fefd0dec2e0777618b0e3ea6","tier":null,"bio":"","following":false}],"members":[{"type":"individual","id":"875b0ec8785462c4","login":"alijaya","name":"Ali Jaya Meilio","avatar_url":"https://avatars-next.observableusercontent.com/a109d8212f50c678dd63e6265a0071f1da4c3541fefd0dec2e0777618b0e3ea6","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Aritmatika","cells":[{"id":0,"value":"md`# Aritmatika`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":78,"value":"md`## Penjumlahan`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":147,"value":"md`Saat kita melakukan penjumlahan, kita dapat membayangkan dengan memiliki beberapa buah apel.\nMisalkan ada ${viewof a_a.tangle('intro')} apel merah dan ${viewof a_b.tangle('intro')} apel hijau, dengan menjumlahkannya artinya menggabungkan keduanya,\ndan menghitung satu per satu hasilnya. Kita akan mendapatkan ternyata ada **${a_a + a_b}** total apel.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4,"value":"md`\n${viewof a_a.tangle('example1')} + ${viewof a_b.tangle('example1')} = **${a_a + a_b}**\n\n${_.chunk(\n _.concat(\n _.fill(Array(a_a), '🍎'), \n _.fill(Array(a_b), '🍏')\n )\n , 10)\n .map((line, idx) => `${line.join('')} ${line.length == 10 ? (idx+1) * 10 : line.length}`)\n .concat(Array(11 - _.ceil((a_a + a_b)/10)))\n .join('
')\n}\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":153,"value":"md`### Menjumlahkan berdasarkan posisi\n\nMenjumlahkan bisa juga dengan menggunakan metode menjumlahkan satuan dengan satuan, puluhan dengan puluhan,\nratusan dengan ratusan dan seterusnya.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":83,"value":"$46","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":170,"value":"md`### Mengubah puluhan menjadi 1 apel besar\n\nDaripada menggambar 10 apel, kita dapat menggantinya dengan 1 apel besar yang melambangkan 10 apel.\n\n🍎 = 🍎🍎🍎🍎🍎🍎🍎🍎🍎🍎\n\n🍏 = 🍏🍏🍏🍏🍏🍏🍏🍏🍏🍏\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":179,"value":"$47","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":242,"value":"md`## Penjumlahan angka besar\n\nSeperti halnya 1 angka puluhan adalah 10 angka satuan, 1 angka ratusan adalah 10 angka puluhan, 1 angka ribuan adalah 10 angka ratusan, dan seterusnya.\n\n🍍 = 🍍🍍🍍🍍🍍🍍🍍🍍🍍🍍\n\n🍍 = 🍍🍍🍍🍍🍍🍍🍍🍍🍍🍍\n\n🍍 = 🍍🍍🍍🍍🍍🍍🍍🍍🍍🍍\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":256,"value":"$48","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":68,"value":"md`## Kode`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":13,"value":"viewof a_a = tangleFactory({cls: 'red', min: 0, max:50, value: 1})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":15,"value":"viewof a_b = tangleFactory({cls: 'green', min: 0, max:50, value: 1})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":235,"value":"viewof b_a = tangleFactory({cls: 'pineapple', min: 0, max:5000, value: 500})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":239,"value":"viewof b_b = tangleFactory({cls: 'coconut', min: 0, max:5000, value: 500})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":87,"value":"function getDigit(value, pos) {\n return Math.floor(value / Math.pow(10, pos)) % 10\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":95,"value":"function getPosValue(value, pos) {\n return getDigit(value, pos) * Math.pow(10, pos)\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":101,"value":"function separateDigit(value, maxPos=2) {\n const ret = _.fill(Array(maxPos), 0)\n let mult = 1\n let idx = 0\n while (value > 0) {\n ret[idx] = (value % 10) * mult\n mult *= 10\n idx++\n value = Math.floor(value / 10)\n }\n return ret\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":184,"value":"function separateDigitOnly(value, maxPos=2) {\n const ret = _.fill(Array(maxPos), 0)\n let idx = 0\n while (value > 0) {\n ret[idx] = (value % 10)\n idx++\n value = Math.floor(value / 10)\n }\n return ret\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":10,"value":"tangleCSS","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":58,"value":"html`\n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"import {tangle, tangleFactory, tangleCSS} from '@alijaya/tangle'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":44,"value":"_ = require('lodash')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W49","stdlib":"1"}} 45:"$44:body"