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

{"id":305178,"student_id":3770,"content":"{\"html\":\"\u003chtml\u003e\\n    \u003chead\u003e\\n        \u003ctitle\u003e抽籤神器\u003c/title\u003e\\n        \u003cscript src = \\\"https://code.jquery.com/jquery-3.3.1.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}\\n\\nimg {\\n    height:200px;\\n}\\n\\ntextarea {\\n    width:300px;\\n    height:100px;\\n    padding:10px;\\n    margin:5px auto;\\n    font-size:16px;\\n    border:2px solid #ff1234;\\n    border-radius: 50px;\\n    display:block;\\n}\\n\\nbutton{\\n    width:324px;\\n    padding:10px;\\n    margin:5px auto;\\n    font-size:25px;\\n    color:#fff;\\n    \\n    border-width:0px;\\n    border-radius:5px;\\n    background-color:#dc3545;\\n    display:block;\\n    \\n    cursor:pointer;\\n}\",\"js\":\"$('#img-shake').hide();\\n\\n$('#start').on('click',getResult);\\n\\nfunction getResult(){\\n    var content = $('#textarea').val();\\n    console.log(content);\\n    var options = content.split('\\\\n');\\n    var rand = Math.floor(Math.random()*options.length);\\n    \\n    $('#img-stake').show();\\n    $('#img-ok').hide();\\n    $('#result').text('等待開獎結果...');\\n    \\n    setTimeout(function(){\\n        $('#img-shake').hide();\\n        $('#img-ok').show();\\n        $('#result').text('開獎結果：' + options[rand]);\\n    },3000);\\n}\"}","created_at":"2021-10-16T15:21:15.527+08:00","updated_at":"2021-10-23T13:44:45.508+08:00","name":"抽獎抽籤神器 副本","language":"web","screenshot":{"url":null},"parent_id":69468,"plugin":"","description":null,"note":null,"status":"public","like_student_ids":[],"is_featured":false,"views":31,"hashid":"36ysmk6ew","is_content_changed":false,"review_status":"unsubmitted","submitted_at":null,"reviewed_at":null,"advise":null,"is_deleted":false}