15

https://blocks.codeyourfuture.io/share.html?v=('j!('blocks!('languageVersion!0~blocks!%5B('type!'on_start'~id!'mtiI77qDvg413iXMr*-D'~x!-30~y!-112~fields!('TEXT1!'at%20the%20start%20%7Bwhen%20run%20is%20clicked%7D')%C2%82HANDLER%22%C2%8Fql2Z*%2BO0FdDsPmG(%2C-hx%26VAR!('%7F)%C2%82%C2%89Sib%7Da%5DYjNQ_%7C9cMc%3B*UH%C2%86%C2%83%40'%3Ah4)hppp%7CWJit9%5D%5Bw'%3A-%C2%8Bapple')))~ADD1%C2%83kUMQe_UFe1%2FxYb%3A%3DK%3AJ)%C2%8Bgrape')))~ADD2%C2%83(%5Da%2CR%3FnAdetq(um%3B%3Dul~~fields!('TEXT!'mango'%C2%8C%C2%8F%7D%3D%5BL0z-P8)k%23Wrkwd%2C'dk%26VAR!('%C2%80)%C2%82%C2%89vB%3FqC%25%5D7Uc%5E%3A%7BR%2C%5Bb_%7BY%C2%86%C2%83X0Lbf0wUqBO7UT_%3FxF%60(%C2%8B%F0%9F%8D%8E')))~ADD1%C2%83eBx6%2Bv%3B%23yFn9XAHV6*Zb%C2%8B%F0%9F%8D%87')))~ADD2%C2%83Ne*kdv9)%7Dn%2Fk%25%5E.%5Dm-JJ%C2%8B%F0%9F%A5%AD'%C2%8Cwith_element_by_id'~id!'%2F%5DAp%251JJ)C9YB1_j%2C18O%26ID!'list%C2%87controls_whileUntil'~id!'%7DX%3A%7D8%7Bd)%7BuB.uocPoVkY%26MODE!'UNTIL')%C2%82BOOL%22lists_isEmpty'~id!'DcPSYZf%24B%24Dq6g%5B%25WL-s'%C2%81!'s%3D%2FtZnFn%60kOgR%60uD%7C0%3B%5D%26VAR!('%7F))))))~DO%22%C2%8Ao0J)f%7D%5BLLawXC%3AlDN9BT%26ELEMENT!'li%C2%87%C2%8A%5E%2C')u.9%7BT%24D4i(l%2C%23.qZ%2B%26%C2%8Et_content'~id!'%3B3D%7C%3FHR%3A%24S%2Bk*Jk.X)%2B%2C'%C2%84%24)%5DN*VbyrSZdtw1j%7D%2377%C2%8B%C2%85%5BY%2BPnamf6bQ43_k%3F6%7D%2Fr%C2%88%C2%81!'.2M%7DiCi08Ul%24f%2F6%252%25tn%26VAR!('%7F%C2%8C%C2%8Avd%5Ejv'%3A9K%7C%23*p(l%5BvqttS%26%C2%8Et_content'~id!'%2C.*2%23I*J'%3A2Yd*qXRiV%3B%3F%C2%84nkSYYwbJ%24w(-j.2%7BqQ%7D%3D%C2%8B%F0%9F%8D%8E%C2%85%2C%7BC%24)(u%2C%2COX.mrVF%7C%24MM%C2%88%C2%81!'4deFEa%5E8yXksAyTlUnbt%26VAR!('%C2%80))))))))))))))))))))))))))))))))%5D)~variables!%5B('name!'fruit'~%7F%C2%8Ditem'~id!'3mPScydv%60fJ%2CsbLC'%3AJW2')%C2%8Demoji'~id!!t3orV%2BKPATJJN9_e%5EM%2F')%C2%8Demojis'~%C2%80%C2%8Darray'~id!'%247_U%40%7C%3BnA%3Br%3BlW%7C%3AuhmV')%5D)~h!'%5Cn%3Cul%20id%3D%5C'list%5C'%3E%3C%2Ful%3E%5Cn')%22!('block!('type!'%26'~fields!('%7Fid!'e%3D%25zaN5%2CbZ0N'%3AP%2B%23Fi3(')%C2%80id!'u%2C'%7B%60NK%5DWI6zm*v%40%5E%5Dgh1')%C2%81%C2%82VALUE%22variables_get'~id%C2%82~inputs!('%C2%83%22text'~id!'%C2%84'%C2%82VALUE!('shadow!('type!'text'~id!'%C2%85'))~block!('type!'arrays_getFirst'~id!'%C2%86'~extraState!('itemCount!3)%C2%82ADD0%C2%87')%C2%82STACK%22%C2%88%26MODE!'GET_REMOVE'~WHERE!'FIRST')%C2%89VALUE%22lists_create_with'~id!'%C2%8Aadd_element'~id!'%C2%8B%26TEXT!'%C2%8C)))))))~next%22%C2%8D%2C('name!'%C2%8EELEMENT!'span%C2%87se%C2%8Fvariables_set'~id!'%01%C2%8F%C2%8E%C2%8D%C2%8C%C2%8B%C2%8A%C2%89%C2%88%C2%87%C2%86%C2%85%C2%84%C2%83%C2%82%C2%81%C2%80%7F%26%22_
<img id="showing-image"src="" width="300" height="200">
<button id="previous-btn">Previous</button>
<button id="next-btn">Next</button>