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

{"id":159624,"student_id":3302,"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://code.jquery.com/jquery-3.4.1.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\\\" class=\\\"a\\\"\u003e❓\u003c/button\u003e\\r\\n        \u003cbutton data-index=\\\"1\\\" class=\\\"a\\\"\u003e❓\u003c/button\u003e\\r\\n        \u003cbutton data-index=\\\"2\\\" class=\\\"a\\\"\u003e❓\u003c/button\u003e\\r\\n        \u003cbutton data-index=\\\"3\\\" class=\\\"a\\\"\u003e❓\u003c/button\u003e\\r\\n        \u003cbutton data-index=\\\"4\\\" class=\\\"a\\\"\u003e❓\u003c/button\u003e\\r\\n        \u003cbutton data-index=\\\"5\\\" class=\\\"a\\\"\u003e❓\u003c/button\u003e\\r\\n        \u003cbutton data-index=\\\"6\\\" class=\\\"a\\\"\u003e❓\u003c/button\u003e\\r\\n        \u003cbutton data-index=\\\"7\\\" class=\\\"a\\\"\u003e❓\u003c/button\u003e\\r\\n        \u003cbutton data-index=\\\"8\\\" class=\\\"a\\\"\u003e❓\u003c/button\u003e\\r\\n        \u003cbutton data-index=\\\"9\\\" class=\\\"a\\\"\u003e❓\u003c/button\u003e\\r\\n        \u003cbutton data-index=\\\"10\\\" class=\\\"a\\\"\u003e❓\u003c/button\u003e\\r\\n        \u003cbutton data-index=\\\"11\\\" class=\\\"a\\\"\u003e❓\u003c/button\u003e\\r\\n        \u003cbutton data-index=\\\"12\\\" class=\\\"a\\\"\u003e❓\u003c/button\u003e\\r\\n        \u003cbutton data-index=\\\"13\\\" class=\\\"a\\\"\u003e❓\u003c/button\u003e\\r\\n        \u003cbutton data-index=\\\"14\\\" class=\\\"a\\\"\u003e❓\u003c/button\u003e\\r\\n        \u003cbutton data-index=\\\"15\\\" class=\\\"a\\\"\u003e❓\u003c/button\u003e\\r\\n        \u003cbutton id=\\\"restart\\\"\u003erestart\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: 70%;\\r\\n    height: 70%;\\r\\n    position: absolute;\\r\\n    top: 50%;\\r\\n    left: 50%;\\r\\n    transform: translate(-50%, -50%);\\r\\n}\\r\\n\\r\\n.a {\\r\\n    width: 25%;\\r\\n    height: 25%;\\r\\n    display: inline-block;\\r\\n    line-height: 50px;\\r\\n    font-size: 350%;\\r\\n    float: left;\\r\\n}\\r\\n\\r\\n#restart {\\r\\n    display: block;\\r\\n    position: relative;\\r\\n    top:5%;\\r\\n    left:0%;\\r\\n    width: 100%;\\r\\n    height: 10%;\\r\\n    padding: 5px 10px ;\\r\\n    border-width:0px;\\r\\n    border-radius: 5px;\\r\\n    font-size: 25px;\\r\\n    color: white;\\r\\n    background-color: #ffc107;\\r\\n    \\r\\n}\\r\\n#restart:hover {\\r\\n    background-color: #dfa107;\\r\\n}\\r\\n /*#restart {\\r\\n    display: block;\\r\\n    width: 80vw;\\r\\n    padding: 5px 10px;\\r\\n    border-width:0px;\\r\\n    border-radius: 5px;\\r\\n    margin: 10px auto;\\r\\n    font-size: 25px;\\r\\n    color: white;\\r\\n}µ*/\",\"js\":\"var answers = [\\n    '🚀', '😜', '🍇', '🌈', '🎓', '💯', '👑', '🌎',\\n    '🚀', '😜', '🍇', '🌈', '🎓', '💯', '👑', '🌎'\\n];\\nvar first;\\nvar second;\\nvar a;\\nvar b;\\nvar c = 0;\\nvar firstEl;\\nvar secondEl;\\nvar count = 0;\\nvar lock = false;\\nfor (var i = 0; i \u003c 20; i++) {\\n    var rand1 = Math.floor(Math.random()*16);\\n    var rand2 = Math.floor(Math.random()*16);\\n    var tmp = answers[rand1];\\n    answers[rand1] = answers[rand2];\\n    answers[rand2] = tmp;\\n}\\n$('.a').click(start);\\n$('#restart').click(function(){\\n    $('.a').text(\\\"❓\\\");\\n    count = 0;\\n    c = 0;\\n    $(\\\"h1\\\").text(\\\"翻開 \\\"+count+\\\" 次!\\\");\\n});\\n\\n\\n\\nfunction start() {\\n    $(\\\"h1\\\").text(\\\"翻開 \\\"+count+\\\" 次!\\\");\\n    if (lock === false) {\\n        if (first === undefined) {\\n            count++;\\n            first = answers[$(this).data(\\\"index\\\")];\\n            a = $(this).data(\\\"index\\\");\\n            $(this).text(first);\\n            firstEl = $(this);\\n        } else if (second === undefined) {\\n            b = $(this).data(\\\"index\\\");\\n            second = answers[$(this).data(\\\"index\\\")];\\n            $(this).text(second);\\n            secondEl = $(this);\\n            lock = true;\\n            if (first != second) {\\n                lock = true;\\n                setTimeout(function() {\\n                    firstEl.text(\\\"❓\\\");\\n                    secondEl.text(\\\"❓\\\");\\n                    lock = false;\\n                }, 1000);\\n            } else {\\n                c++;\\n                lock = false;\\n                if (c === 8) {\\n                    setTimeout(function() {\\n                        alert(\\\"Victory!\\\");\\n                    }, 10);\\n                }\\n            }\\n            first = undefined;\\n            second = undefined;\\n        }\\n    }\\n}\"}","created_at":"2020-06-17T19:14:02.493+08:00","updated_at":"2020-06-24T23:52:58.074+08:00","name":"Emoji 配對大作戰 副本","language":"web","screenshot":{"url":"https://cdn1.koding.school/uploads/project/screenshot/159624/aa3864789699591b6bdfdc9e5a975f4f.jpg"},"parent_id":93544,"plugin":"","description":null,"note":null,"status":"public","like_student_ids":[],"is_featured":false,"views":157,"hashid":"wdksrmqw","is_content_changed":false,"review_status":"unsubmitted","submitted_at":null,"reviewed_at":null,"advise":null,"is_deleted":false}