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

{"id":426889,"student_id":7022,"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抽獎G\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: 20px;\\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: 10px;\\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    //alert(content)\\n   var options = content.split('\\\\n')\\n    \\n    var rand = Math.floor(Math.random()*options.length);\\n\\n\\n$('#img-shake').show();\\n$('#img-ok').hide();\\n$('#result').text('等待開獎結果.....');\\n\\n\\nsetTimeout(function() {\\n    $('#img-shake').hide();\\n    $('#img-ok').show();\\n    $('#result').text('開獎結果:' + options[rand]);\\n}, 3000);\\n\\n}\\n\"}","created_at":"2022-08-21T11:33:51.191+08:00","updated_at":"2024-12-29T16:58:22.266+08:00","name":"抽獎抽籤神器 副本","language":"web","screenshot":{"url":"https://cdn1.koding.school/uploads/project/screenshot/426889/30ba1da6c17715120652de3ab738a7a2.jpg"},"parent_id":69468,"plugin":"","description":null,"note":null,"status":"public","like_student_ids":[],"is_featured":false,"views":4,"hashid":"jzmskzkye","is_content_changed":false,"review_status":"unsubmitted","submitted_at":null,"reviewed_at":null,"advise":null,"is_deleted":false}