我是誰產生器 | 程式專案

{"id":24504,"student_id":150,"content":"{\"html\":\"\\r\\n\u003c!DOCTYPE html\u003e\u003chtml\u003e\u003chead\u003e\u003ctitle\u003e番茄時鐘 | 叩叮學苑\u003c/title\u003e\u003cmeta content=\\\"線上學會 MIT Scratch, JavaScript, micro:bit, Ozobot! 全球第一個華文兒童程式學習平台!\\\" name=\\\"description\\\" /\u003e\u003cmeta content=\\\"text/html; charset=UTF-8\\\" http-equiv=\\\"Content-Type\\\" /\u003e\u003cmeta content=\\\"width=device-width, initial-scale=1\\\" name=\\\"viewport\\\" /\u003e\u003cmeta content=\\\"1801378909903067\\\" property=\\\"fb:app_id\\\" /\u003e\u003cmeta content=\\\"番茄時鐘 | 叩叮學苑\\\" itemprop=\\\"name\\\" /\u003e\u003cmeta content=\\\"/facebook_og_default_preview.png\\\" itemprop=\\\"image\\\" /\u003e\u003cmeta content=\\\"線上學會 MIT Scratch, JavaScript, micro:bit, Ozobot! 全球第一個華文兒童程式學習平台!\\\" itemprop=\\\"description\\\" /\u003e\u003cmeta content=\\\"線上學會 MIT Scratch, JavaScript, micro:bit, Ozobot! 全球第一個華文兒童程式學習平台!\\\" property=\\\"og:description\\\" /\u003e\u003cmeta content=\\\"番茄時鐘 | 叩叮學苑\\\" property=\\\"og:title\\\" /\u003e\u003cmeta content=\\\"website\\\" property=\\\"og:type\\\" /\u003e\u003cmeta content=\\\"https://koding.school/courses/javascript/js-advanced/lessons/11/1\\\" property=\\\"og:url\\\" /\u003e\u003cmeta content=\\\"https://cdn1.koding.school/facebook_og_default_preview.png\\\" property=\\\"og:image\\\" /\u003e\u003cmeta content=\\\"叩叮學苑\\\" property=\\\"og:site_name\\\" /\u003e\u003cmeta content=\\\"\\\" property=\\\"og:video\\\" /\u003e\u003cmeta content=\\\"\\\" property=\\\"og:video:secure_url\\\" /\u003e\u003cmeta content=\\\"video/mp4\\\" property=\\\"og:video:type\\\" /\u003e\u003cmeta content=\\\"400\\\" property=\\\"og:video:width\\\" /\u003e\u003cmeta content=\\\"300\\\" property=\\\"og:video:height\\\" /\u003e\u003clink href=\\\"https://cdn4.koding.school/favicon.ico\\\" rel=\\\"shortcut icon\\\" type=\\\"image/x-icon\\\" /\u003e\u003c!--GA Code--\u003e\u003cscript\u003e(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){\\r\\n(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),\\r\\nm=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)\\r\\n})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');\\r\\nga('create', 'UA-99102104-1', 'auto');\\r\\nga('send', 'pageview');\u003c/script\u003e\u003c!--Facebook Pixel Code--\u003e\u003cscript\u003e!function (f, b, e, v, n, t, s) {\\r\\n    if (f.fbq) return;\\r\\n    n = f.fbq = function () {\\r\\n        n.callMethod ?\\r\\n            n.callMethod.apply(n, arguments) : n.queue.push(arguments)\\r\\n    };\\r\\n    if (!f._fbq) f._fbq = n;\\r\\n    n.push = n;\\r\\n    n.loaded = !0;\\r\\n    n.version = '2.0';\\r\\n    n.queue = [];\\r\\n    t = b.createElement(e);\\r\\n    t.async = !0;\\r\\n    t.src = v;\\r\\n    s = b.getElementsByTagName(e)[0];\\r\\n    s.parentNode.insertBefore(t, s)\\r\\n}(window, document, 'script',\\r\\n    'https://connect.facebook.net/en_US/fbevents.js');\\r\\nfbq('init', '841617052639483');\\r\\nfbq('track', 'PageView');\u003c/script\u003e\u003cnoscript\u003e\u003cimg height=\\\"1\\\" src=\\\"https://www.facebook.com/tr?id=841617052639483\u0026amp;ev=PageView\u0026amp;noscript=1\\\" width=\\\"1\\\" /\u003e\u003c/noscript\u003e\u003c!--End Facebook Pixel Code--\u003e\u003cmeta name=\\\"csrf-param\\\" content=\\\"authenticity_token\\\" /\u003e\\r\\n\u003cmeta name=\\\"csrf-token\\\" content=\\\"l/iiiqJFNG1h+szJgKPT4eol1fHK7Kql6QG1Avt3JbB6LjIeYJfpLrzTm31m22lburBDikov020iRIY+5rfvyg==\\\" /\u003e\u003clink rel=\\\"stylesheet\\\" media=\\\"screen\\\" href=\\\"https://cdn8.koding.school/assets/editor-5a22cceed01b8e6ad1ca99cd3ed3ef0d5f5c64d48105565f0776249a07464512.css\\\" /\u003e\u003cscript\u003e!function (f, b, e, v, n, t, s) {\\r\\n    if (f.fbq) return;\\r\\n    n = f.fbq = function () {\\r\\n        n.callMethod ?\\r\\n            n.callMethod.apply(n, arguments) : n.queue.push(arguments)\\r\\n    };\\r\\n    if (!f._fbq) f._fbq = n;\\r\\n    n.push = n;\\r\\n    n.loaded = !0;\\r\\n    n.version = '2.0';\\r\\n    n.queue = [];\\r\\n    t = b.createElement(e);\\r\\n    t.async = !0;\\r\\n    t.src = v;\\r\\n    s = b.getElementsByTagName(e)[0];\\r\\n    s.parentNode.insertBefore(t, s)\\r\\n}(window, document, 'script',\\r\\n    'https://connect.facebook.net/en_US/fbevents.js');\\r\\nfbq('init', '841617052639483');\\r\\nfbq('track', 'PageView');\u003c/script\u003e\u003cnoscript\u003e\u003cimg height=\\\"1\\\" src=\\\"https://www.facebook.com/tr?id=841617052639483\u0026amp;ev=PageView\u0026amp;noscript=1\\\" width=\\\"1\\\" /\u003e\u003c/noscript\u003e\u003c/head\u003e\u003cbody\u003e\u003ctextarea id=\\\"projectJsonData\\\" style=\\\"display: none;\\\"\u003e{\u0026quot;id\u0026quot;:22569,\u0026quot;student_id\u0026quot;:150,\u0026quot;content\u0026quot;:\u0026quot;{\\\\\u0026quot;html\\\\\u0026quot;:\\\\\u0026quot;\\\\u003c!DOCTYPE html\\\\u003e\\\\\\\\n\\\\u003chtml\\\\u003e\\\\\\\\n\\\\u003chead\\\\u003e\\\\\\\\n\\\\\\\\t\\\\u003ctitle\\\\u003eDocument\\\\u003c/title\\\\u003e\\\\\\\\n    \\\\u003clink rel=\\\\\\\\\\\\\u0026quot;stylesheet\\\\\\\\\\\\\u0026quot; href=\\\\\\\\\\\\\u0026quot;https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css\\\\\\\\\\\\\u0026quot;\\\\u003e\\\\\\\\n    \\\\u003cscript src=\\\\\\\\\\\\\u0026quot;https://code.jquery.com/jquery-3.2.1.slim.min.js\\\\\\\\\\\\\u0026quot;\\\\u003e\\\\u003c/script\\\\u003e\\\\\\\\n    \\\\u003cscript src=\\\\\\\\\\\\\u0026quot;https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js\\\\\\\\\\\\\u0026quot;\\\\u003e\\\\u003c/script\\\\u003e\\\\\\\\n    \\\\u003cscript src=\\\\\\\\\\\\\u0026quot;https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js\\\\\\\\\\\\\u0026quot;\\\\u003e\\\\u003c/script\\\\u003e\\\\\\\\n\\\\u003c/head\\\\u003e\\\\\\\\n\\\\u003cbody class=\\\\\\\\\\\\\u0026quot;p-3\\\\\\\\\\\\\u0026quot;\\\\u003e\\\\\\\\n    \\\\u003cimg src=\\\\\\\\\\\\\u0026quot;tomato.png\\\\\\\\\\\\\u0026quot; class=\\\\\\\\\\\\\u0026quot;tomato-sm\\\\\\\\\\\\\u0026quot;\\\\u003e x\\\\u003cspan class=\\\\\\\\\\\\\u0026quot;js-collect\\\\\\\\\\\\\u0026quot;\\\\u003e0\\\\u003c/span\\\\u003e\\\\\\\\n    \\\\u003cdiv class=\\\\\\\\\\\\\u0026quot;center\\\\\\\\\\\\\u0026quot;\\\\u003e\\\\\\\\n        \\\\u003cimg src=\\\\\\\\\\\\\u0026quot;tomato.png\\\\\\\\\\\\\u0026quot; class=\\\\\\\\\\\\\u0026quot;tomato-lg js-tomato\\\\\\\\\\\\\u0026quot;\\\\u003e\\\\\\\\n        \\\\u003cp class=\\\\\\\\\\\\\u0026quot;timer js-timer\\\\\\\\\\\\\u0026quot;\\\\u003e00:00\\\\u003c/p\\\\u003e\\\\\\\\n        \\\\u003cbutton class=\\\\\\\\\\\\\u0026quot;btn btn-danger js-start\\\\\\\\\\\\\u0026quot;\\\\u003erun\\\\u003c/button\\\\u003e\\\\\\\\n    \\\\u003c/div\\\\u003e\\\\\\\\n\\\\u003c/body\\\\u003e\\\\\\\\n\\\\u003c/html\\\\u003e\\\\\u0026quot;,\\\\\u0026quot;css\\\\\u0026quot;:\\\\\u0026quot;body {\\\\\\\\n  background-color: #f7df56;\\\\\\\\n  font-family: Monaco;\\\\\\\\n}\\\\\\\\n\\\\\\\\n.center {\\\\\\\\n  text-align: center;\\\\\\\\n  position: absolute;\\\\\\\\n  top: 50vh;\\\\\\\\n  left: 50vw;\\\\\\\\n  color: rgba(255,255,255,.7);\\\\\\\\n  transform: translate(-50%, -50%);\\\\\\\\n}\\\\\\\\n\\\\\\\\n.timer {\\\\\\\\n    font-size: 5em;\\\\\\\\n    font-weight: bold;\\\\\\\\n}\\\\\\\\n\\\\\\\\n.tomato-sm {\\\\\\\\n    width: 20px;\\\\\\\\n}\\\\\\\\n\\\\\\\\n.tomato-lg:hover {\\\\\\\\n    transform: scale(1.3);\\\\\\\\n}\\\\\\\\n\\\\\u0026quot;,\\\\\u0026quot;js\\\\\u0026quot;:\\\\\u0026quot;\\\\\u0026quot;}\u0026quot;,\u0026quot;created_at\u0026quot;:\u0026quot;2018-02-23T21:11:32.417+08:00\u0026quot;,\u0026quot;updated_at\u0026quot;:\u0026quot;2018-05-04T17:23:52.041+08:00\u0026quot;,\u0026quot;name\u0026quot;:\u0026quot;番茄時鐘\u0026quot;,\u0026quot;language\u0026quot;:\u0026quot;web\u0026quot;,\u0026quot;screenshot\u0026quot;:{\u0026quot;url\u0026quot;:\u0026quot;https://cdn5.koding.school/uploads/project/screenshot/22569/9768b61b4820a5df1f837081de866384.jpg\u0026quot;},\u0026quot;parent_id\u0026quot;:22503,\u0026quot;plugin\u0026quot;:\u0026quot;\u0026quot;,\u0026quot;description\u0026quot;:null,\u0026quot;note\u0026quot;:null,\u0026quot;status\u0026quot;:\u0026quot;public\u0026quot;,\u0026quot;like_student_ids\u0026quot;:[],\u0026quot;is_featured\u0026quot;:false,\u0026quot;views\u0026quot;:5,\u0026quot;hashid\u0026quot;:\u0026quot;gk4spqnv\u0026quot;,\u0026quot;is_content_changed\u0026quot;:false,\u0026quot;review_status\u0026quot;:\u0026quot;unsubmitted\u0026quot;,\u0026quot;submitted_at\u0026quot;:null,\u0026quot;reviewed_at\u0026quot;:null,\u0026quot;advise\u0026quot;:null}\u003c/textarea\u003e\u003ctextarea id=\\\"projectJsonAssets\\\" style=\\\"display: none;\\\"\u003e[{\u0026quot;id\u0026quot;:432860,\u0026quot;file_name\u0026quot;:\u0026quot;tomato.png\u0026quot;,\u0026quot;project_id\u0026quot;:22569,\u0026quot;asset_id\u0026quot;:51614,\u0026quot;created_at\u0026quot;:\u0026quot;2018-02-23T21:11:32.436+08:00\u0026quot;,\u0026quot;updated_at\u0026quot;:\u0026quot;2018-02-23T21:11:32.436+08:00\u0026quot;}]\u003c/textarea\u003e\u003cscript\u003efunction htmlDecode (input) {\\r\\n  var doc = new DOMParser().parseFromString(input, \\\"text/html\\\");\\r\\n  return doc.documentElement.textContent;\\r\\n}\\r\\nvar PROJECT = JSON.parse(htmlDecode(projectJsonData.innerHTML));\\r\\nvar PROJECT_ASSETS = JSON.parse(htmlDecode(projectJsonAssets.innerHTML));\\r\\nvar SANDBOX_URL = 'https://sb.koding.school/projects/gk4spqnv/js_inject';\\r\\nvar PROJECT_ASSET_NAMES = [\\\"tomato.png\\\"];\u003c/script\u003e\u003cscript\u003eLOCALES = {\\r\\n  main_script: \\\"程式碼\\\",\\r\\n  plugin: \\\"擴充\\\",\\r\\n  asset: \\\"素材\\\",\\r\\n  backdrop: \\\"遊戲場景\\\",\\r\\n  console: \\\"主控台\\\",\\r\\n  screenshot: \\\"截取圖片\\\",\\r\\n  preview: \\\"預覽\\\",\\r\\n  filename: \\\"檔案名稱\\\",\\r\\n  control: \\\"操作\\\",\\r\\n  rename: \\\"重新命名\\\",\\r\\n  insert_script: \\\"插入程式...\\\",\\r\\n  run: \\\"執行\\\",\\r\\n  stop: \\\"暫停\\\",\\r\\n  clear: \\\"清除\\\",\\r\\n  upload_image: \\\"圖片上傳\\\",\\r\\n  format_document: \\\"格式化\\\"\\r\\n};\u003c/script\u003e\u003cscript\u003evar MODE;\\r\\nvar PROJECT_ID;\\r\\nvar PROJECT_NAME;\\r\\nvar IS_MY_PROJECT;\\r\\nvar CODE_LANGUAGE;\\r\\nvar SANDBOX_URL;\\r\\nvar HAS_PROJECT;\\r\\nvar SHOW_PLUGIN;\\r\\nvar NEXT_SECTION_URL;\\r\\nvar RESOURCE_TYPE;\\r\\nvar NEDD_EXAMINE;\\r\\nvar ANSWER_SCRIPT;\\r\\nvar FORM_POST_URL;\u003c/script\u003e\u003cscript\u003eHAS_PROJECT = true;\\r\\nPROJECT_ID = 'gk4spqnv';\\r\\nPROJECT_NAME = '番茄時鐘';\\r\\nIS_MY_PROJECT = true;\\r\\nCODE_LANGUAGE = 'web';\\r\\nSHOW_PLUGIN = false;\u003c/script\u003e\u003cscript\u003eSANDBOX_URL = 'https://sb.koding.school/projects/gk4spqnv/web_inject';\u003c/script\u003e\u003cscript\u003eMODE = 'course';\\r\\nNEXT_SECTION_URL = \\\"/courses/javascript/js-advanced/lessons/11/1/next\\\";\\r\\nRESOURCE_TYPE = \\\"slide\\\";\\r\\nNEDD_EXAMINE = \\\"false\\\";\\r\\nANSWER_SCRIPT = ``;\\r\\nIS_COMPLETED = false;\\r\\nCOURSE_SLUG = \\\"js-advanced\\\";\\r\\nLESSON_ID = 321;\\r\\nLESSON_ORDER = 11;\\r\\nSECTION_ORDER = 1;\\r\\nPROBLEMS = [];\\r\\nSTUDENT_ID = 150;\u003c/script\u003e\u003cdiv id=\\\"container\\\"\u003e\u003cdiv class=\\\"section-header\\\"\u003e\u003cspan class=\\\"nav-item px-2 js-section-list bg-black-1\\\" style=\\\"border-bottom: 1px solid #888\\\"\u003e\u003ci class=\\\"fa fa-bars\\\"\u003e\u0026nbsp;\u003c/i\u003e課程列表\u003c/span\u003e\u003cspan class=\\\"nav-item lesson-title js-section-list\\\"\u003e\u003ci class=\\\"fa fa-angle-right\\\"\u003e\u003c/i\u003e番茄時鐘\u003cdiv class=\\\"mask\\\"\u003e\u003c/div\u003e\u003c/span\u003e\u003cspan class=\\\"nav-item lesson-title js-section-list\\\"\u003e\u003ci class=\\\"fa fa-angle-right\\\"\u003e\u003c/i\u003e番茄時鐘\u003cdiv class=\\\"mask\\\"\u003e\u003c/div\u003e\u003c/span\u003e\u003cspan class=\\\"nav-item tab js-show-tutorial\\\"\u003e\u003cspan class=\\\"tab-outline bg-black-1 active\\\"\u003e學習\u003c/span\u003e\u003c/span\u003e\u003cspan class=\\\"nav-item tab js-show-editor\\\"\u003e\u003cspan class=\\\"tab-outline bg-black-1\\\"\u003e練習\u003c/span\u003e\u003c/span\u003e\u003cspan class=\\\"nav-item tab js-show-topics\\\"\u003e\u003cspan class=\\\"tab-outline bg-black-1 js-need-help\\\"\u003e我有問題\u003c/span\u003e\u003c/span\u003e\u003ca href=\\\"/courses/javascript/js-advanced\\\"\u003e\u003cspan class=\\\"nav-item nav-btn float-right\\\"\u003e\u003ci class=\\\"fa fa-sign-out\\\"\u003e\u003c/i\u003e\u003cbr /\u003e返回課程\u003c/span\u003e\u003c/a\u003e\u003ca class=\\\"nav-item nav-btn float-right bg-black-1 js-next-section\\\" href=\\\"/courses/javascript/js-advanced/lessons/11/1/next\\\"\u003e\u003ci class=\\\"fa fa-forward\\\"\u003e\u003c/i\u003e\u003cbr /\u003e\u003cspan\u003e下一章\u003c/span\u003e\u003c/a\u003e\u003cstyle type=\\\"text/css\\\"\u003e.dropdown-toggle::after {\\r\\n  display: none;\\r\\n}\u003c/style\u003e\u003cspan class=\\\"dropdown\\\"\u003e\u003cspan class=\\\"nav-item nav-btn float-right bg-black-1 dropdown-toggle\\\" data-toggle=\\\"dropdown\\\"\u003e\u003ci class=\\\"fa fa-columns\\\"\u003e\u003c/i\u003e\u003cbr /\u003e\u0026nbsp;版型\u003cdiv class=\\\"dropdown-menu dropdown-menu-right\\\" data-toggle=\\\"dropdown\\\"\u003e\u003cspan class=\\\"dropdown-item js-layout-1-1-1\\\"\u003e1:1:1\u003c/span\u003e\u003cspan class=\\\"dropdown-item js-layout-1-1\\\"\u003e1:1\u003c/span\u003e\u003cspan class=\\\"dropdown-item js-layout-1\\\"\u003e全寬\u003c/span\u003e\u003c/div\u003e\u003c/span\u003e\u003c/span\u003e\u003cspan class=\\\"nav-item nav-btn float-right bg-black-1 js-save-project js-save-btn\\\"\u003e\u003ci class=\\\"fa fa-floppy-o\\\"\u003e\u003c/i\u003e\u003cbr /\u003e\u003cspan\u003e儲存\u003c/span\u003e\u003c/span\u003e\u003c/div\u003e\u003cdiv id=\\\"main\\\"\u003e\u003cdiv class=\\\"tutorial-body js-img-larger\\\" style=\\\"height: 100%; z-index: 100; position: relative;\\\"\u003e\u003cdiv class=\\\"page\\\" id=\\\"resource-bar-container\\\" style=\\\"position: absolute;\\\"\u003e\u003c/div\u003e\u003cdiv class=\\\"page resource\\\" style=\\\"height: 100%;\\\"\u003e\u003cdiv class=\\\"page-iframe\\\"\u003e\u003ciframe allowfullscreen=\\\"false\\\" frameborder=\\\"0\\\" mozallowfullscreen=\\\"false\\\" scrolling=\\\"no\\\" src=\\\"https://docs.google.com/presentation/d/1haZj7jVEK-pGK9b7-Obz2tn-RMmu_hy8OFAh9FGrJUg/embed?start=false\u0026amp;loop=false\\\" style=\\\"overflow: hidden;\\\" webkitallowfullscreen=\\\"false\\\" width=\\\"100%\\\"\u003e\u003c/iframe\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003cdiv class=\\\"course-topcis p-5 topics\\\" id=\\\"app\\\" style=\\\"background-color: #eee; width: 100%; height: 100%; overflow: scroll; position: absolute; top: 0;\\\"\u003e\u003ch3 class=\\\"text-center\\\"\u003e老師我有問題！\u003c/h3\u003e\u003cscript\u003eDEFAULT_AVATAR = \\\"https://cdn7.koding.school/assets/resume/avator-c1bf83f40b17d0c94c261e3599f205845d72093590d9681619b9e53460c9d47e.jpg\\\";\u003c/script\u003e\u003cdiv class=\\\"ks-container js-topics\\\"\u003e\u003cdiv v-show=\\\"!showComments\\\"\u003e\u003cdiv class=\\\"pt-3 d-flex\\\" v-if=\\\"!isFormShow\\\"\u003e\u003cdiv style=\\\"width: 150px;\\\"\u003e\u003cbutton @click=\\\"toggleForm\\\" class=\\\"ks-blue ks-btn ks-btn-gold ks-btn-lg cursor-pointer\\\"\u003e新增主題\u003c/button\u003e\u003c/div\u003e\u003cdiv class=\\\"search-box d-inline-block px-4 ml-4\\\"\u003e\u003cinput placeholder=\\\"搜尋\\\" v-model=\\\"search\\\"\u003e\u003ci class=\\\"fa fa-search\\\"\u003e\u003c/i\u003e\u003c/input\u003e\u003c/div\u003e\u003c/div\u003e\u003cdiv class=\\\"my-3\\\" v-show=\\\"isFormShow\\\"\u003e\u003cinput class=\\\"form-control\\\" placeholder=\\\"問題標題\\\" v-model=\\\"topicName\\\" /\u003e\u003cdiv class=\\\"js-trumbowyg\\\" id=\\\"topicForm\\\" style=\\\"background-color: #fff;\\\"\u003e\u003c/div\u003e\u003cbutton @click=\\\"cancel\\\" class=\\\"ks-btn ks-btn-blue ks-btn-lg\\\"\u003e取消\u003c/button\u003e\u003cbutton :disabled=\\\"topicName.trim() == \u0026#39;\u0026#39; || topicFormIsEmpty\\\" @click=\\\"submit\\\" class=\\\"ks-btn ks-btn-red ks-btn-lg ml-2\\\"\u003e送出\u003c/button\u003e\u003c/div\u003e\u003cdiv class=\\\"pt-5\\\"\u003e\u003cul class=\\\"ks-list\\\"\u003e\u003ca @click=\\\"showComment(idx)\\\" class=\\\"ks-link\\\" href=\\\"#\\\" v-for=\\\"(topic, idx) in filteredList\\\"\u003e\u003cli class=\\\"ks-list-item\\\"\u003e\u003cdiv class=\\\"pt-2 px-3\\\"\u003e\u003cstrong class=\\\"h5 ks-blue\\\"\u003e{{topic.title}}\u003c/strong\u003e\u003c/div\u003e\u003cdiv class=\\\"py-2 px-3 ks-gray\\\"\u003e\u003csmall\u003e{{topic.student_name}}發問\u003c/small\u003e\u003csmall class=\\\"px-2 float-right\\\"\u003e{{topic.post_count}}則回覆\u003c/small\u003e\u003csmall class=\\\"px-2 float-right\\\" v-if=\\\"topic.last_reply_date\\\"\u003e{{passTime(topic.last_reply_date)}}前更新\u003c/small\u003e\u003c/div\u003e\u003c/li\u003e\u003c/a\u003e\u003c/ul\u003e\u003c/div\u003e\u003c/div\u003e\u003cdiv v-show=\\\"showComments\\\"\u003e\u003cdiv class=\\\"pt-3\\\"\u003e\u003cbutton @click=\\\"showComments = false\\\" class=\\\"ks-btn ks-btn-blue ks-btn-lg\\\"\u003e返回主題列表\u003c/button\u003e\u003c/div\u003e\u003cdiv class=\\\"mt-4 p-3\\\" style=\\\"background-color: #fff;\\\"\u003e\u003ch1 class=\\\"h3 ks-blue\\\"\u003e{{currentTopic.title}}\u003c/h1\u003e\u003cspan\u003e\u003csmall class=\\\"px-2\\\"\u003e{{currentTopic.student_name}}\u003c/small\u003e\u003csmall class=\\\"px-2 float-right\\\"\u003e{{currentTopic.last_reply_date}}\u003c/small\u003e\u003c/span\u003e\u003cdiv class=\\\"py-3\\\" v-html=\\\"currentTopic.content\\\"\u003e\u003c/div\u003e\u003chr /\u003e\u003cdiv class=\\\"ks-comments\\\"\u003e\u003cdiv class=\\\"ks-comment\\\" v-for=\\\"comment in comments\\\"\u003e\u003cdiv :style=\\\"{backgroundImage: \u0026#39;url(\u0026#39; + avatar(comment.student_avatar.url) + \u0026#39;)\u0026#39;}\\\" class=\\\"avatar\\\"\u003e\u003c/div\u003e\u003cdiv class=\\\"comment-body\\\"\u003e\u003cdiv class=\\\"title\\\"\u003e\u003cstrong class=\\\"ks-blue\\\"\u003e{{comment.studentName}}\u003c/strong\u003e\u003csmall class=\\\"pl-2\\\"\u003e{{passTime(comment.created_at)}}前更新\u003c/small\u003e\u003c/div\u003e\u003cdiv class=\\\"content\\\" v-html=\\\"comment.content\\\"\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003cdiv class=\\\"ks-comment\\\"\u003e\u003cdiv class=\\\"avatar\\\" style=\\\"background-image: url(https://cdn7.koding.school/assets/resume/avator-c1bf83f40b17d0c94c261e3599f205845d72093590d9681619b9e53460c9d47e.jpg)\\\"\u003e\u003c/div\u003e\u003cdiv class=\\\"comment-body\\\"\u003e\u003cdiv class=\\\"js-trumbowyg\\\" id=\\\"postForm\\\" style=\\\"background-color: #fff;\\\"\u003e\u003c/div\u003e\u003cbutton :disabled=\\\"postFormIsEmpty\\\" @click=\\\"submitPost\\\" class=\\\"ks-btn ks-btn-red ks-btn-lg ml-2\\\"\u003e留言\u003c/button\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003ciframe class=\\\"editor js-editor\\\" data-src=\\\"/projects/gk4spqnv/editor\\\" style=\\\"width: 100%; height: 100%; border-width: 0px; position: absolute; top: 0; left: 0;\\\"\u003e\u003c/iframe\u003e\u003c/div\u003e\u003c/div\u003e\u003cdiv class=\\\"section-list\\\"\u003e\u003cdiv class=\\\"section-hide js-lesson-hide\\\"\u003e\u003c/div\u003e\u003cdiv class=\\\"section-content hide-scrollbar\\\"\u003e\u003cdiv class=\\\"hide-scrollbar-content pt-3\\\"\u003e\u003ch3\u003e\u003ci aria-hidden=\\\"true\\\" class=\\\"fa fa-times js-lesson-hide\\\"\u003e\u003c/i\u003e\u0026nbsp;課程列表\u003c/h3\u003e\u003col class=\\\"mb-5\\\"\u003e\u003cli\u003e\u003cdiv class=\\\"sections-toggler\\\" data-target=\\\"#lesson-0\\\" data-toggle=\\\"collapse\\\"\u003e1. 我的網站（1）\u003c/div\u003e\u003col class=\\\"mt-2 collapse \\\" id=\\\"lesson-0\\\"\u003e\u003cli\u003e\u003ca href=\\\"/courses/javascript/js-advanced/lessons/1/1\\\" style=\\\"display: block;\\\"\u003e\u0026emsp;\u003ci aria-hidden=\\\"true\\\" class=\\\"fa fa-angle-right\\\"\u003e\u003c/i\u003e\u0026nbsp; 我的網站（1）\u003c/a\u003e\u003c/li\u003e\u003c/ol\u003e\u003c/li\u003e\u003cli\u003e\u003cdiv class=\\\"sections-toggler\\\" data-target=\\\"#lesson-1\\\" data-toggle=\\\"collapse\\\"\u003e2. 我的網站（2）\u003c/div\u003e\u003col class=\\\"mt-2 collapse \\\" id=\\\"lesson-1\\\"\u003e\u003cli\u003e\u003ca href=\\\"/courses/javascript/js-advanced/lessons/2/1\\\" style=\\\"display: block;\\\"\u003e\u0026emsp;\u003ci aria-hidden=\\\"true\\\" class=\\\"fa fa-angle-right\\\"\u003e\u003c/i\u003e\u0026nbsp; 我的網站（2）\u003c/a\u003e\u003c/li\u003e\u003c/ol\u003e\u003c/li\u003e\u003cli\u003e\u003cdiv class=\\\"sections-toggler\\\" data-target=\\\"#lesson-2\\\" data-toggle=\\\"collapse\\\"\u003e3. 個人網站（3）\u003c/div\u003e\u003col class=\\\"mt-2 collapse \\\" id=\\\"lesson-2\\\"\u003e\u003cli\u003e\u003ca href=\\\"/courses/javascript/js-advanced/lessons/3/1\\\" style=\\\"display: block;\\\"\u003e\u0026emsp;\u003ci aria-hidden=\\\"true\\\" class=\\\"fa fa-angle-right\\\"\u003e\u003c/i\u003e\u0026nbsp; 個人網站（3）\u003c/a\u003e\u003c/li\u003e\u003c/ol\u003e\u003c/li\u003e\u003cli\u003e\u003cdiv class=\\\"sections-toggler\\\" data-target=\\\"#lesson-3\\\" data-toggle=\\\"collapse\\\"\u003e4. 我是誰產生器\u003c/div\u003e\u003col class=\\\"mt-2 collapse \\\" id=\\\"lesson-3\\\"\u003e\u003cli\u003e\u003ca href=\\\"/courses/javascript/js-advanced/lessons/4/1\\\" style=\\\"display: block;\\\"\u003e\u0026emsp;\u003ci aria-hidden=\\\"true\\\" class=\\\"fa fa-angle-right\\\"\u003e\u003c/i\u003e\u0026nbsp; 我是誰產生器\u003c/a\u003e\u003c/li\u003e\u003c/ol\u003e\u003c/li\u003e\u003cli\u003e\u003cdiv class=\\\"sections-toggler\\\" data-target=\\\"#lesson-4\\\" data-toggle=\\\"collapse\\\"\u003e5. BMI 計算器\u003c/div\u003e\u003col class=\\\"mt-2 collapse \\\" id=\\\"lesson-4\\\"\u003e\u003cli\u003e\u003ca href=\\\"/courses/javascript/js-advanced/lessons/5/1\\\" style=\\\"display: block;\\\"\u003e\u0026emsp;\u003ci aria-hidden=\\\"true\\\" class=\\\"fa fa-angle-right\\\"\u003e\u003c/i\u003e\u0026nbsp; BMI 計算器\u003c/a\u003e\u003c/li\u003e\u003c/ol\u003e\u003c/li\u003e\u003cli\u003e\u003cdiv class=\\\"sections-toggler\\\" data-target=\\\"#lesson-5\\\" data-toggle=\\\"collapse\\\"\u003e6. 匯率計算機\u003c/div\u003e\u003col class=\\\"mt-2 collapse \\\" id=\\\"lesson-5\\\"\u003e\u003cli\u003e\u003ca href=\\\"/courses/javascript/js-advanced/lessons/6/1\\\" style=\\\"display: block;\\\"\u003e\u0026emsp;\u003ci aria-hidden=\\\"true\\\" class=\\\"fa fa-angle-right\\\"\u003e\u003c/i\u003e\u0026nbsp; 匯率計算機\u003c/a\u003e\u003c/li\u003e\u003c/ol\u003e\u003c/li\u003e\u003cli\u003e\u003cdiv class=\\\"sections-toggler\\\" data-target=\\\"#lesson-6\\\" data-toggle=\\\"collapse\\\"\u003e7. BMI 計算器\u003c/div\u003e\u003col class=\\\"mt-2 collapse \\\" id=\\\"lesson-6\\\"\u003e\u003cli\u003e\u003ca href=\\\"/courses/javascript/js-advanced/lessons/7/1\\\" style=\\\"display: block;\\\"\u003e\u0026emsp;\u003ci aria-hidden=\\\"true\\\" class=\\\"fa fa-angle-right\\\"\u003e\u003c/i\u003e\u0026nbsp; BMI 計算器\u003c/a\u003e\u003c/li\u003e\u003c/ol\u003e\u003c/li\u003e\u003cli\u003e\u003cdiv class=\\\"sections-toggler\\\" data-target=\\\"#lesson-7\\\" data-toggle=\\\"collapse\\\"\u003e8. 井字遊戲\u003c/div\u003e\u003col class=\\\"mt-2 collapse \\\" id=\\\"lesson-7\\\"\u003e\u003cli\u003e\u003ca href=\\\"/courses/javascript/js-advanced/lessons/8/1\\\" style=\\\"display: block;\\\"\u003e\u0026emsp;\u003ci aria-hidden=\\\"true\\\" class=\\\"fa fa-angle-right\\\"\u003e\u003c/i\u003e\u0026nbsp; 井字遊戲\u003c/a\u003e\u003c/li\u003e\u003c/ol\u003e\u003c/li\u003e\u003cli\u003e\u003cdiv class=\\\"sections-toggler\\\" data-target=\\\"#lesson-8\\\" data-toggle=\\\"collapse\\\"\u003e9. 1A2B 遊戲\u003c/div\u003e\u003col class=\\\"mt-2 collapse \\\" id=\\\"lesson-8\\\"\u003e\u003cli\u003e\u003ca href=\\\"/courses/javascript/js-advanced/lessons/9/1\\\" style=\\\"display: block;\\\"\u003e\u0026emsp;\u003ci aria-hidden=\\\"true\\\" class=\\\"fa fa-angle-right\\\"\u003e\u003c/i\u003e\u0026nbsp; 1A2B 遊戲\u003c/a\u003e\u003c/li\u003e\u003c/ol\u003e\u003c/li\u003e\u003cli\u003e\u003cdiv class=\\\"sections-toggler\\\" data-target=\\\"#lesson-9\\\" data-toggle=\\\"collapse\\\"\u003e10. 匯率計算機\u003c/div\u003e\u003col class=\\\"mt-2 collapse \\\" id=\\\"lesson-9\\\"\u003e\u003cli\u003e\u003ca href=\\\"/courses/javascript/js-advanced/lessons/10/1\\\" style=\\\"display: block;\\\"\u003e\u0026emsp;\u003ci aria-hidden=\\\"true\\\" class=\\\"fa fa-angle-right\\\"\u003e\u003c/i\u003e\u0026nbsp; 匯率計算機\u003c/a\u003e\u003c/li\u003e\u003cli\u003e\u003ca href=\\\"/courses/javascript/js-advanced/lessons/10/2\\\" style=\\\"display: block;\\\"\u003e\u0026emsp;\u003ci aria-hidden=\\\"true\\\" class=\\\"fa fa-angle-right\\\"\u003e\u003c/i\u003e\u0026nbsp; 挑戰題 - 溫度轉換器\u003c/a\u003e\u003c/li\u003e\u003c/ol\u003e\u003c/li\u003e\u003cli\u003e\u003cdiv class=\\\"sections-toggler\\\" data-target=\\\"#lesson-10\\\" data-toggle=\\\"collapse\\\"\u003e11. 番茄時鐘\u003c/div\u003e\u003col class=\\\"mt-2 collapse show\\\" id=\\\"lesson-10\\\"\u003e\u003cli class=\\\"focus\\\"\u003e\u003ca href=\\\"/courses/javascript/js-advanced/lessons/11/1\\\" style=\\\"display: block;\\\"\u003e\u0026emsp;\u003ci aria-hidden=\\\"true\\\" class=\\\"fa fa-angle-right\\\"\u003e\u003c/i\u003e\u0026nbsp; 番茄時鐘\u003c/a\u003e\u003c/li\u003e\u003c/ol\u003e\u003c/li\u003e\u003cli\u003e\u003cdiv class=\\\"sections-toggler\\\" data-target=\\\"#lesson-11\\\" data-toggle=\\\"collapse\\\"\u003e12. To-Do-List 代辦清單\u003c/div\u003e\u003col class=\\\"mt-2 collapse \\\" id=\\\"lesson-11\\\"\u003e\u003cli\u003e\u003ca href=\\\"/courses/javascript/js-advanced/lessons/12/1\\\" style=\\\"display: block;\\\"\u003e\u0026emsp;\u003ci aria-hidden=\\\"true\\\" class=\\\"fa fa-angle-right\\\"\u003e\u003c/i\u003e\u0026nbsp; To-Do-List 代辦清單\u003c/a\u003e\u003c/li\u003e\u003c/ol\u003e\u003c/li\u003e\u003cli\u003e\u003cdiv class=\\\"sections-toggler\\\" data-target=\\\"#lesson-12\\\" data-toggle=\\\"collapse\\\"\u003e13. 井字遊戲\u003c/div\u003e\u003col class=\\\"mt-2 collapse \\\" id=\\\"lesson-12\\\"\u003e\u003cli\u003e\u003ca href=\\\"/courses/javascript/js-advanced/lessons/13/1\\\" style=\\\"display: block;\\\"\u003e\u0026emsp;\u003ci aria-hidden=\\\"true\\\" class=\\\"fa fa-angle-right\\\"\u003e\u003c/i\u003e\u0026nbsp; \u003c/a\u003e\u003c/li\u003e\u003c/ol\u003e\u003c/li\u003e\u003cli\u003e\u003cdiv class=\\\"sections-toggler\\\" data-target=\\\"#lesson-13\\\" data-toggle=\\\"collapse\\\"\u003e14. 番茄時鐘\u003c/div\u003e\u003col class=\\\"mt-2 collapse \\\" id=\\\"lesson-13\\\"\u003e\u003cli\u003e\u003ca href=\\\"/courses/javascript/js-advanced/lessons/14/1\\\" style=\\\"display: block;\\\"\u003e\u0026emsp;\u003ci aria-hidden=\\\"true\\\" class=\\\"fa fa-angle-right\\\"\u003e\u003c/i\u003e\u0026nbsp; 番茄時鐘\u003c/a\u003e\u003c/li\u003e\u003c/ol\u003e\u003c/li\u003e\u003cli\u003e\u003cdiv class=\\\"sections-toggler\\\" data-target=\\\"#lesson-14\\\" data-toggle=\\\"collapse\\\"\u003e15. 我的記帳軟體\u003c/div\u003e\u003col class=\\\"mt-2 collapse \\\" id=\\\"lesson-14\\\"\u003e\u003cli\u003e\u003ca href=\\\"/courses/javascript/js-advanced/lessons/15/1\\\" style=\\\"display: block;\\\"\u003e\u0026emsp;\u003ci aria-hidden=\\\"true\\\" class=\\\"fa fa-angle-right\\\"\u003e\u003c/i\u003e\u0026nbsp; 我的記帳軟體\u003c/a\u003e\u003c/li\u003e\u003c/ol\u003e\u003c/li\u003e\u003cli\u003e\u003cdiv class=\\\"sections-toggler\\\" data-target=\\\"#lesson-15\\\" data-toggle=\\\"collapse\\\"\u003e16. 英文單字王\u003c/div\u003e\u003col class=\\\"mt-2 collapse \\\" id=\\\"lesson-15\\\"\u003e\u003cli\u003e\u003ca href=\\\"/courses/javascript/js-advanced/lessons/16/1\\\" style=\\\"display: block;\\\"\u003e\u0026emsp;\u003ci aria-hidden=\\\"true\\\" class=\\\"fa fa-angle-right\\\"\u003e\u003c/i\u003e\u0026nbsp; 英文單字王\u003c/a\u003e\u003c/li\u003e\u003c/ol\u003e\u003c/li\u003e\u003cli\u003e\u003cdiv class=\\\"sections-toggler\\\" data-target=\\\"#lesson-16\\\" data-toggle=\\\"collapse\\\"\u003e17. 天氣查詢 APP\u003c/div\u003e\u003col class=\\\"mt-2 collapse \\\" id=\\\"lesson-16\\\"\u003e\u003cli\u003e\u003ca href=\\\"/courses/javascript/js-advanced/lessons/17/1\\\" style=\\\"display: block;\\\"\u003e\u0026emsp;\u003ci aria-hidden=\\\"true\\\" class=\\\"fa fa-angle-right\\\"\u003e\u003c/i\u003e\u0026nbsp; 天氣查詢 APP\u003c/a\u003e\u003c/li\u003e\u003c/ol\u003e\u003c/li\u003e\u003cli\u003e\u003cdiv class=\\\"sections-toggler\\\" data-target=\\\"#lesson-17\\\" data-toggle=\\\"collapse\\\"\u003e18. 高鐵 APP\u003c/div\u003e\u003col class=\\\"mt-2 collapse \\\" id=\\\"lesson-17\\\"\u003e\u003cli\u003e\u003ca href=\\\"/courses/javascript/js-advanced/lessons/18/1\\\" style=\\\"display: block;\\\"\u003e\u0026emsp;\u003ci aria-hidden=\\\"true\\\" class=\\\"fa fa-angle-right\\\"\u003e\u003c/i\u003e\u0026nbsp; 高鐵 APP\u003c/a\u003e\u003c/li\u003e\u003c/ol\u003e\u003c/li\u003e\u003c/ol\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003cdiv aria-hidden=\\\"true\\\" class=\\\"modal fade\\\" id=\\\"exportAPKModal\\\" role=\\\"dialog\\\" tabindex=\\\"-1\\\"\u003e\u003cdiv class=\\\"modal-dialog\\\" role=\\\"document\\\" style=\\\"max-width: 400px\\\"\u003e\u003cdiv class=\\\"modal-content\\\"\u003e\u003cdiv class=\\\"modal-body\\\" style=\\\"text-align: center;\\\"\u003e\u003cp style=\\\"font-size: 16px\\\"\u003e用手機掃描下方 QRCode 進行安裝\u003c/p\u003e\u003cdiv\u003e\u003cimg src=\\\"https://chart.apis.google.com/chart?cht=qr\u0026amp;chld=L|0\u0026amp;chl=https%3A%2F%2Fkoding.school%2Fprojects%2Fgk4spqnv%2Fexport.apk\u0026amp;chs=240x240\\\" /\u003e\u003c/div\u003e\u003cp style=\\\"font-size: 12px; color: #999;\\\"\u003e或您也可以\\r\\n\u003ca id=\\\"export-apk-link\\\" style=\\\"cursor: pointer; color: #999; text-decoration: underline;\\\" target=\\\"_blank\\\"\u003e下載 APK\u003c/a\u003e\\r\\n到這台電腦\\r\\n\u003c/p\u003e\u003c/div\u003e\u003cdiv class=\\\"modal-footer\\\"\u003e\u003cbutton class=\\\"btn\\\" data-dismiss=\\\"modal\\\" style=\\\"color: #333; width: 70px; background-color: #fff; border: 1px solid; border-color: #ccc;\\\" type=\\\"button\\\"\u003e關閉\u003c/button\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\",\"css\":\"body{\\r\\n    background-image: url('http://mancountry.club/wp-content/uploads/19702343_279702695830785_2487650210051933848_n.png');\\r\\n    background-size: cover;\\r\\n    background-position: center;\\r\\n}\\r\\ndiv{\\r\\n    position: fixed;\\r\\n    top: 50%;\\r\\n    left: 50%;\\r\\n    transform: translate(-50%,-50%)\\r\\n}\",\"js\":\"var st = [\\\"878\\\",\\\"pig\\\",\\\"金正恩\\\",\\\"貓咪\\\",\\\"豬\\\",\\\"8781\\\",\\\"pig1\\\",\\\"金正恩1\\\",\\\"貓咪1\\\",\\\"豬1\\\"];\\r\\nvar pla = [\\\"台北市大安區黑州路上大號\\\",\\\"喵喵區\\\",\\\"大安區\\\",\\\"黑州路上大號\\\",\\\"川普 \\\",\\\"台南\\\",\\\"永和\\\",\\\"師大\\\",\\\"黑州路\\\",\\\"美國\\\"];\\r\\nfunction mak(){\\r\\n    var i = Math.floor( Math.random()*10);\\r\\n    var j = Math.floor( Math.random()*10);\\r\\n    \\r\\n$('#pis').text(st[i]+pla[j]);\\r\\n    alert(st[i]+pla[j]);\\r\\n    \\r\\n}\\r\\n $('#js-btn').click(mak());\\r\\n\\r\\n\"}","created_at":"2018-03-16T16:26:44.255+08:00","updated_at":"2019-11-02T15:30:35.393+08:00","name":"我是誰產生器","language":"web","screenshot":{"url":"https://cdn2.koding.school/uploads/project/screenshot/24504/c96e03c1d6cdd99c9c21b0dc35fd5de6.jpg"},"parent_id":24412,"plugin":"","description":null,"note":null,"status":"public","like_student_ids":[],"is_featured":false,"views":143,"hashid":"kdmsje4k","is_content_changed":false,"review_status":"unsubmitted","submitted_at":null,"reviewed_at":null,"advise":null,"is_deleted":false}