Artifact
588062a50131ba02c391a4de0dec21a70bea5b52db9d9c980dbc387e409a93e7:
0000: 3c 6c 6f 6f 70 3e 0a 20 20 3c 75 6c 3e 0a 20 20 <loop>. <ul>.
0010: 20 20 3c 6c 69 20 65 61 63 68 3d 22 7b 20 69 74 <li each="{ it
0020: 65 6d 2c 20 69 20 69 6e 20 69 74 65 6d 73 20 7d em, i in items }
0030: 22 20 6f 6e 63 6c 69 63 6b 3d 22 7b 20 70 61 72 " onclick="{ par
0040: 65 6e 74 2e 6f 70 74 73 2e 6f 6e 49 74 65 6d 43 ent.opts.onItemC
0050: 6c 69 63 6b 20 7d 22 3e 7b 20 69 20 7d 20 7b 20 lick }">{ i } {
0060: 69 74 65 6d 2e 76 61 6c 75 65 20 7d 20 3c 2f 6c item.value } </l
0070: 69 3e 0a 20 20 3c 2f 75 6c 3e 0a 20 20 3c 64 6c i>. </ul>. <dl
0080: 3e 0a 20 20 20 20 3c 64 74 20 65 61 63 68 3d 22 >. <dt each="
0090: 7b 20 74 68 69 73 2e 72 65 6d 6f 76 65 73 20 7d { this.removes }
00a0: 22 20 6f 6e 63 6c 69 63 6b 3d 22 7b 20 70 61 72 " onclick="{ par
00b0: 65 6e 74 2e 6f 70 74 73 2e 72 65 6d 6f 76 65 49 ent.opts.removeI
00c0: 74 65 6d 43 6c 69 63 6b 20 7d 22 3e 7b 20 76 61 temClick }">{ va
00d0: 6c 75 65 20 7d 20 3c 2f 64 74 3e 0a 20 20 3c 2f lue } </dt>. </
00e0: 64 6c 3e 0a 20 20 3c 62 75 74 74 6f 6e 20 6f 6e dl>. <button on
00f0: 63 6c 69 63 6b 3d 7b 20 61 64 64 53 6f 6d 65 49 click={ addSomeI
0100: 74 65 6d 73 20 7d 3e 62 74 6e 3c 2f 62 75 74 74 tems }>btn</butt
0110: 6f 6e 3e 0a 0a 20 20 74 68 69 73 2e 69 74 65 6d on>.. this.item
0120: 73 20 3d 20 5b 5d 0a 0a 20 20 61 64 64 53 6f 6d s = [].. addSom
0130: 65 49 74 65 6d 73 28 65 29 20 7b 0a 20 20 20 20 eItems(e) {.
0140: 76 61 72 20 61 6d 6f 75 6e 74 20 3d 20 35 0a 20 var amount = 5.
0150: 20 20 20 77 68 69 6c 65 28 61 6d 6f 75 6e 74 2d while(amount-
0160: 2d 29 7b 0a 20 20 20 20 20 20 74 68 69 73 2e 69 -){. this.i
0170: 74 65 6d 73 2e 70 75 73 68 28 7b 76 61 6c 75 65 tems.push({value
0180: 3a 20 22 69 74 65 6d 20 23 22 20 2b 20 74 68 69 : "item #" + thi
0190: 73 2e 69 74 65 6d 73 2e 6c 65 6e 67 74 68 7d 29 s.items.length})
01a0: 0a 20 20 20 20 7d 0a 20 20 7d 0a 3c 2f 6c 6f 6f . }. }.</loo
01b0: 70 3e 0a p>.