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

{"id":755472,"student_id":3760,"content":"{\"html\":\"\u003c!DOCTYPE html\u003e\\n\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 id=\\\"img-ok\\\" src=\\\"ok.png\\\"\u003e\\n        \u003cimg id=\\\"img-shake\\\" src=\\\"shake.gif\\\"\u003e\\n        \u003ch1 id=\\\"result\\\"\u003e 抽籤神器 \u003c/h1\u003e\\n        \u003ctextarea id=\\\"ta\\\" placeholder=\\\"填入抽籤內容\\\" rows=\\\"8\\\" cols=\\\"40\\\"\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\\n#ta {\\n    width: 300px;\\n    height: 100px;\\n    padding: 10px;\\n    margin: 5px auto;\\n    font-size:  16px;\\n    border: 2px solid #eb1010;\\n    border-radius: 8px;\\n    display: block;\\n}\\n\\n#start {\\n    width: 324px;\\n    padding: 10px;\\n    margin: 5px auto;\\n    font-size:  16px;\\n    color: #ffffff;\\n    border: 0px;\\n    border-radius: 8px;\\n    background-color: #eb1010;\\n    display: block;\\n    cursor: pointer;\\n}\",\"js\":\"\\n$(\\\"#img-shake\\\").hide();\\n\\n$(\\\"#start\\\").click(getResult);\\n\\nfunction getResult() {\\n    let options =  $(\\\"#ta\\\").val().split('\\\\n');\\n    let rand = Math.floor(Math.random()*options.length);\\n    \\n    $(\\\"#img-ok\\\").hide();\\n    $(\\\"#img-shake\\\").show();\\n    $(\\\"#result\\\").text(\\\"等待抽籤結果...\\\");\\n    \\n    setTimeout(function() {\\n        // 經過延遲秒數後執行的函式內容\\n        $(\\\"#img-ok\\\").show();\\n        $(\\\"#img-shake\\\").hide();\\n        $(\\\"#result\\\").text(`抽籤結果為 ${options[rand]}`);\\n    }, 3000);\\n}\"}","created_at":"2024-05-21T21:29:25.627+08:00","updated_at":"2024-05-21T21:29:25.627+08:00","name":"抽獎抽籤神器 副本 副本","language":"web","screenshot":{"url":null},"parent_id":197153,"plugin":"","description":null,"note":null,"status":"public","like_student_ids":[],"is_featured":false,"views":21,"hashid":"zpeszw6jw","is_content_changed":false,"review_status":"unsubmitted","submitted_at":null,"reviewed_at":null,"advise":null,"is_deleted":false}