抽籤抽獎神器 | 程式專案

{"id":54369,"student_id":10,"content":"{\"html\":\"\u003c!DOCTYPE html\u003e\\n\u003chtml\u003e\\n\u003chead\u003e\\n\\t\u003ctitle\u003eDocument\u003c/title\u003e\\n\\t\u003cscript src=\\\"https://code.jquery.com/jquery-3.3.1.min.js\\\" integrity=\\\"sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=\\\" crossorigin=\\\"anonymous\\\"\u003e\u003c/script\u003e\\n\u003c/head\u003e\\n\u003cbody\u003e\\n    \u003cimg src=\\\"ok.png\\\" class=\\\"js-img-ok\\\"/\u003e\\n    \u003cimg src=\\\"shake.gif\\\" class=\\\"js-img-shake\\\"/\u003e\\n    \u003ch1 class=\\\"js-result\\\"\u003e抽籤抽獎神器\u003c/h1\u003e\\n    \u003ctextarea class=\\\"js-textarea\\\"\u003e\\n便當\\n水餃\\n拉麵\\n    \u003c/textarea\u003e\\n    \u003cbutton class=\\\"js-start\\\"\u003e開抽！ \u003c/button\u003e\\n\u003c/body\u003e\\n\u003c/html\u003e\",\"css\":\"body {\\n    text-align: center;\\n    padding: 60px;\\n}\\n\\nimg {\\n    height: 200px;\\n}\\n\\ntextarea {\\n    width: 300px;\\n    padding: 10px;\\n    font-size: 16px;\\n    border: 2px solid #ddd;\\n    border-radius: 5px;\\n    margin: auto;\\n    display: block;\\n    height: 100px;\\n}\\n\\nbutton {\\n    display: block;\\n    width: 324px;\\n    padding: 10px;\\n    border-width: 0px;\\n    border-radius: 5px;\\n    margin: 5px auto;\\n    font-size: 16px;\\n    background-color: #dc3545;\\n    color: #fff;\\n    cursor: pointer;\\n}\\n\\nbutton:hover {\\n    background-color: #a02732;\\n}\\n\\nbutton:active {\\n    background-color: #dc3545;\\n}\",\"js\":\"$('.js-img-shake').hide();\\n\\n$('.js-start').on('click', function () {\\n    var options = $('.js-textarea').val().split('\\\\n');\\n    var rand = Math.floor(Math.random()*options.length);\\n\\n    $('.js-img-shake').show();\\n    $('.js-img-ok').hide();\\n    $('.js-result').text('等待開將結果...');\\n    setTimeout(function() {\\n        $('.js-img-shake').hide();\\n        $('.js-img-ok').show();\\n        $('.js-result').text('開獎結果：' + options[rand]);\\n    }, 3000);\\n});\"}","created_at":"2019-01-19T11:02:47.195+08:00","updated_at":"2020-10-15T12:38:29.279+08:00","name":"抽籤抽獎神器","language":"web","screenshot":{"url":"https://cdn8.koding.school/uploads/project/screenshot/54369/bf085e48b7ddbcb1cb8867b06805aa96.jpg"},"parent_id":3,"plugin":"","description":null,"note":null,"status":"public","like_student_ids":[],"is_featured":false,"views":330,"hashid":"9ygszkdq","is_content_changed":false,"review_status":"unsubmitted","submitted_at":null,"reviewed_at":null,"advise":null,"is_deleted":false}