抽獎抽籤神器副本 | 程式專案

{"id":195909,"student_id":3544,"content":"{\"html\":\"\u003chtml\u003e\\n\u003chead\u003e\\n    \u003ctitle\u003e抽籤抽獎神器\u003c/title\u003e\\n     \u003cscript src=\\\"https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js\\\"\u003e\u003c/script\u003e\\n\u003c/head\u003e\\n\u003cbody\u003e\\n    \u003cimg src=\\\"ok.png\\\" id=\\\"img-ok\\\"/\u003e\\n    \u003cimg src=\\\"shake.gif\\\" id=\\\"img-shake\\\"/\u003e\\n    \u003ch1 id=\\\"result\\\"\u003e抽籤抽獎神器\u003c/h1\u003e\\n    \u003ctextarea id=\\\"textarea\\\"\u003e\u003c/textarea\u003e\\n    \u003cbutton id=\\\"start\\\"\u003e開抽\u003c/button\u003e\\n\u003c/body\u003e\\n\u003c/html\u003e\",\"css\":\"body{\\n    PADDING:60px;\\n    text-align: center;\\n}\\nimg{\\n    height: 200px;\\n}\\ntextarea {\\n    width: 300px;\\n    height: 100px;\\n    padding: 10px;\\n    margin: 5px;\\n    font-size: 20px;\\n    border: 2px   solid#996699;\\n    border-radius:5px ;\\n    display: block;\\n}\\nbutton{\\n  width: 324px;\\n  padding: 10px;\\n  margin: 5px;\\n  font-size: 30px;\\n  color:#fff;\\n  border-width: 0px;\\n   border-radius: 5px;\\n   background-color: #dc3545;\\n   display: block;\\n   cursor: pointer;\\n}\",\"js\":\"$('#img-shake').hide();\\n$('#start').on('click', getResult);\\nfunction getResult() {\\n    var content = $('#textarea').val();\\n    console.log(content);\\n    var options = content.split('\\\\n');\\n    \\n    var rand = Math.floor(Math.random()*options.length)\\n    $('#img-shake').show();\\n    $('#img-ok').hide();\\n    $('#result').text('等待開獎結果........');\\n    setTimeout(function() {\\n        $('#img-shake').hide();\\n        $('#img-ok').show();\\n        $('#result').text('等待開獎結果:'+options[rand]);\\n    }, 3000);\\n}\"}","created_at":"2020-10-17T13:34:19.922+08:00","updated_at":"2020-10-17T15:00:04.510+08:00","name":"抽獎抽籤神器 副本","language":"web","screenshot":{"url":"https://cdn8.koding.school/uploads/project/screenshot/195909/d51316054a81476cc14b267d18cef237.jpg"},"parent_id":69468,"plugin":"","description":null,"note":null,"status":"public","like_student_ids":[],"is_featured":false,"views":66,"hashid":"4y3sgdk9d","is_content_changed":false,"review_status":"unsubmitted","submitted_at":null,"reviewed_at":null,"advise":null,"is_deleted":false}