Emoji 配對大作戰副本 | 程式專案

{"id":197152,"student_id":3760,"content":"{\"html\":\"\u003c!DOCTYPE html\u003e\\r\\n\u003chtml\u003e\\r\\n\u003chead\u003e\\r\\n    \u003ctitle\u003eDocument\u003c/title\u003e\\r\\n    \u003cscript src=\\\"https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js\\\"\u003e\u003c/script\u003e\\r\\n\u003c/head\u003e\\r\\n\u003cbody\u003e\\r\\n    \u003ch1 style=\\\"text-align: center;\\\"\u003e翻開 0 次\u003c/h1\u003e\\r\\n\\r\\n    \u003cdiv class=\\\"container\\\"\u003e\\r\\n        \u003cbutton data-index=\\\"0\\\"\u003e❓\u003c/button\u003e\\r\\n        \u003cbutton data-index=\\\"1\\\"\u003e❓\u003c/button\u003e\\r\\n        \u003cbutton data-index=\\\"2\\\"\u003e❓\u003c/button\u003e\\r\\n        \u003cbutton data-index=\\\"3\\\"\u003e❓\u003c/button\u003e\\r\\n        \u003cbutton data-index=\\\"4\\\"\u003e❓\u003c/button\u003e\\r\\n        \u003cbutton data-index=\\\"5\\\"\u003e❓\u003c/button\u003e\\r\\n        \u003cbutton data-index=\\\"6\\\"\u003e❓\u003c/button\u003e\\r\\n        \u003cbutton data-index=\\\"7\\\"\u003e❓\u003c/button\u003e\\r\\n        \u003cbutton data-index=\\\"8\\\"\u003e❓\u003c/button\u003e\\r\\n        \u003cbutton data-index=\\\"9\\\"\u003e❓\u003c/button\u003e\\r\\n        \u003cbutton data-index=\\\"10\\\"\u003e❓\u003c/button\u003e\\r\\n        \u003cbutton data-index=\\\"11\\\"\u003e❓\u003c/button\u003e\\r\\n        \u003cbutton data-index=\\\"12\\\"\u003e❓\u003c/button\u003e\\r\\n        \u003cbutton data-index=\\\"13\\\"\u003e❓\u003c/button\u003e\\r\\n        \u003cbutton data-index=\\\"14\\\"\u003e❓\u003c/button\u003e\\r\\n        \u003cbutton data-index=\\\"15\\\"\u003e❓\u003c/button\u003e\\r\\n    \u003c/div\u003e\\r\\n\\r\\n\u003c/body\u003e\\r\\n\u003c/html\u003e\",\"css\":\"body {\\r\\n    width: 100 vw;\\r\\n    height: 100 vh;\\r\\n}\\r\\n\\r\\n.container {\\r\\n    width: 280px;\\r\\n    height: 280px;\\r\\n    position: absolute;\\r\\n    top: 50%;\\r\\n    left: 50%;\\r\\n    transform: translate(-50%, -50%);\\r\\n}\\r\\n\\r\\nbutton {\\r\\n    width: 70px;\\r\\n    height: 70px;\\r\\n    display: inline-block;\\r\\n    line-height: 50px;\\r\\n    font-size: 3rem;\\r\\n    float: left;\\r\\n}\",\"js\":\"// 選擇相對emoji放入陣列\\nlet answers = [\\n    '👺', '🤡️', '👻', '💀', '👽', '👾', '🤖', '🎃',\\n    '👺', '🤡️', '👻', '💀', '👽', '👾', '🤖', '🎃'\\n];\\nlet first;\\nlet second;\\n\\nlet count = 0;\\n\\nlet firstEl;\\nlet secondEl;\\n\\nlet firstIndex;\\nlet secondIndex;\\n\\nlet complete = 0\\nlet lock = false;\\n\\nsuffle();\\n\\n$('button').click(check);\\n\\nfunction check() {\\n    if (lock===false \u0026\u0026 complete\u003c8) {\\n        if (first===undefined \u0026\u0026 $(this).text()==='❓') {\\n            firstIndex = $(this).data('index');\\n            first = answers[firstIndex];\\n            $(this).text(first);\\n            firstEl = $(this);\\n            count += 1;\\n        }else if (second===undefined \u0026\u0026 $(this).text()==='❓'){\\n            secondIndex = $(this).data('index');\\n            second = answers[secondIndex];\\n            $(this).text(second);\\n            secondEl = $(this);\\n            count += 1;\\n            \\n            if (first != second) {\\n                lock = true;\\n                setTimeout(function() {\\n                    firstEl.text('❓');\\n                    secondEl.text('❓');\\n                    lock = false;\\n                }, 1000);\\n            }else {\\n                complete += 1;\\n            }\\n\\n            first = undefined;\\n            second = undefined;\\n        }\\n        $('h1').text(`翻開  ${count}  次`);\\n    }\\n}\\n\\nfunction suffle() {\\n    for (let i = 0; i \u003c 20; i++) {\\n        let rand1 = Math.floor(Math.random()*16);\\n        let rand2 = Math.floor(Math.random()*16);\\n        let tmp = answers[rand1];\\n        answers[rand1] = answers[rand2];\\n        answers[rand2] = tmp;\\n    }\\n}\"}","created_at":"2020-10-23T05:15:06.775+08:00","updated_at":"2020-10-26T04:54:52.985+08:00","name":"Emoji 配對大作戰 副本","language":"web","screenshot":{"url":"https://cdn1.koding.school/uploads/project/screenshot/197152/65380c2ecd1e7a1c828e3dd4801284a4.jpg"},"parent_id":157599,"plugin":"","description":null,"note":null,"status":"public","like_student_ids":[],"is_featured":false,"views":33,"hashid":"jzmsey6ez","is_content_changed":false,"review_status":"unsubmitted","submitted_at":null,"reviewed_at":null,"advise":null,"is_deleted":false}