{"id":474364,"student_id":3308,"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.4.1.min.js\\\"\u003e\u003c/script\u003e\\n\u003c/head\u003e\\n\u003cbody\u003e\\n \u003cimg id=\\\"img_wait\\\" src=\\\"./wait.png\\\"/\u003e\\n \u003cimg id=\\\"img_left\\\" src=\\\"./left.png\\\" class=\\\"hide\\\"/\u003e\\n \u003cimg id=\\\"img_right\\\" src=\\\"./right.png\\\" class=\\\"hide\\\"/\u003e\\n \u003cimg id=\\\"img_gameover\\\" src=\\\"./gameover.png\\\" class=\\\"hide\\\"/\u003e\\n \\n \u003ch1 id=\\\"steps\\\"\u003e0 公尺\u003c/h1\u003e\\n \u003cbutton id=\\\"btn_left\\\"\u003eLeft\u003c/button\u003e\\n \u003cbutton id=\\\"btn_right\\\" class=\\\"active\\\"\u003eRight\u003c/button\u003e\\n \\n \u003ch2 id=\\\"result\\\"\u003e\u003c/h2\u003e\\n \\n \u003ctable class=\\\"hide\\\"\u003e\\n \u003cthead\u003e\\n \u003ctr\u003e\\n \u003cth\u003eRank\u003c/th\u003e\\n \u003cth\u003eName\u003c/th\u003e\\n \u003cth\u003eTime\u003c/th\u003e\\n \u003c/tr\u003e\\n \u003c/thead\u003e\\n \u003ctbody\u003e\\n \u003ctr\u003e\\n \u003ctd\u003e1\u003c/td\u003e\\n \u003ctd\u003e子嘉\u003c/td\u003e\\n \u003ctd\u003e11.912 sec\u003c/td\u003e\\n \u003c/tr\u003e\\n \u003ctr\u003e\\n \u003ctd\u003e2\u003c/td\u003e\\n \u003ctd\u003e小明\u003c/td\u003e\\n \u003ctd\u003e12.115 sec\u003c/td\u003e\\n \u003c/tr\u003e\\n \u003ctr\u003e\\n \u003ctd\u003e3\u003c/td\u003e\\n \u003ctd\u003e凱文\u003c/td\u003e\\n \u003ctd\u003e12.432 sec\u003c/td\u003e\\n \u003c/tr\u003e\\n \u003c/tbody\u003e\\n \u003c/table\u003e\\n \\n\u003c/body\u003e\\n\u003c/html\u003e\\n\\n\",\"css\":\"body {\\n text-align: center;\\n padding: 30px;\\n}\\n\\nimg {\\n max-width: 200px;\\n}\\n\\n/* 按鈕金色樣式 */\\nbutton {\\n outline: none;\\n font-size: 1rem;\\n padding: 10px 20px;\\n border: 0;\\n border-bottom: 6px solid #e6a772;\\n border-radius: 5px;\\n background-color: #f9d53e;\\n}\\n\\n/* 按鈕灰色樣式 */\\nbutton:active, .active {\\n border-bottom-width: 3px;\\n transform: translateY(3px);\\n background-color: #aaa;\\n border-bottom-color: #777;\\n}\\n\\n/* 隱藏 */\\n.hide {\\n display: none;\\n}\\n\\n/* 表格樣式 */\\ntable {\\n border-collapse: collapse;\\n width: 100%;\\n}\\n\\nth, td {\\n border: 1px solid #eee;\\n text-align: left;\\n padding: 8px;\\n}\\n\\ntr:nth-child(even) {\\n background-color: #f2f2f2;\\n}\",\"js\":\"$(window).focus();\\nvar record = DB.table('record'); // 資料庫中用來紀錄遊戲分數的資料表\\nvar userName = USER_NAME; // 遊戲玩家的名字\\nvar startTime; // 遊戲開始時間\\nvar endTime; // 遊戲結束時間\\nvar count = 0; // 紀錄玩家步數(按下次數)\\nvar status = 'wait'\\n$('body').keydown(keydownHandler); // 任何按鍵被按下時執行 keydown 指令\\n\\n\\nfunction keydownHandler (event) {\\n // 使用 alert 來示範按鍵對應的 keyCode\\n //alert(event.which);\\n if (event.which == 37 \u0026\u0026 (status == \\\"wait\\\" || status == \\\"right\\\")) {\\n if (status == \\\"wait\\\")\\n startTime = Date.now();\\n leftStep();\\n } else if (event.which == 39 \u0026\u0026 status == \\\"left\\\") {\\n rightStep();\\n }\\n if (count == 10 \u0026\u0026 status != \\\"gameover\\\") {\\n gameover();\\n }\\n\\n}\\n\\n\\n// 左鍵被按下時\\nfunction leftStep () {\\n $('#img_wait').hide();\\n\\n $('#img_right').show();\\n $('#img_left').hide();\\n $(\\\"#btn_left\\\").addClass(\\\"active\\\");\\n $(\\\"#btn_right\\\").removeClass(\\\"active\\\");\\n\\n count ++;\\n $(\\\"#steps\\\").text(count + \\\"公尺\\\");\\n status = \\\"left\\\";\\n\\n}\\n\\n// 右鍵被按下時\\nfunction rightStep () {\\n $('#img_left').show();\\n $('#img_right').hide();\\n $(\\\"#btn_right\\\").addClass(\\\"active\\\");\\n $(\\\"#btn_left\\\").removeClass(\\\"active\\\");\\n count ++;\\n $(\\\"#steps\\\").text(count + \\\"公尺\\\");\\n status = \\\"right\\\";\\n\\n // 遊戲結束\\n}\\nfunction gameover () {\\n $('#img_left').hide();\\n $('#img_gameover').show();\\n status = \\\"gameover\\\";\\n endTime = Date.now();\\n var time = (endTime - startTime)/ 1000;\\n\\n $(\\\"#result\\\").text(time + \\\"s\\\");\\n\\n\\n // record.create({\\n// name: userName,\\n // time: t,\\n //});\\n //record. read({}, {\\n // $orderBy: {\\n // time: 1\\n //},\\n // $limit: 5,\\n // },console.log);\\n\\n\\n}\\n\\n// 顯示排行榜\\n\\nfunction showRank (data) {}\"}","created_at":"2022-12-17T10:40:56.877+08:00","updated_at":"2023-01-14T11:13:53.683+08:00","name":"手指百米衝刺大賽 - 學生版 副本","language":"web","screenshot":{"url":"https://cdn1.koding.school/uploads/project/screenshot/474364/3a79dd4ccedd9940273484fbe2634562.jpg"},"parent_id":122069,"plugin":"","description":null,"note":null,"status":"public","like_student_ids":[],"is_featured":false,"views":9,"hashid":"882s4mjwg","is_content_changed":false,"review_status":"unsubmitted","submitted_at":null,"reviewed_at":null,"advise":null,"is_deleted":false}
[{"id":10793696,"file_name":"gameover.png","project_id":474364,"asset_id":182966,"created_at":"2022-12-17T10:40:56.883+08:00","updated_at":"2022-12-17T10:40:56.883+08:00"},{"id":10793697,"file_name":"wait.png","project_id":474364,"asset_id":182967,"created_at":"2022-12-17T10:40:56.884+08:00","updated_at":"2022-12-17T10:40:56.884+08:00"},{"id":10793698,"file_name":"right.png","project_id":474364,"asset_id":182968,"created_at":"2022-12-17T10:40:56.885+08:00","updated_at":"2022-12-17T10:40:56.885+08:00"},{"id":10793699,"file_name":"left.png","project_id":474364,"asset_id":182969,"created_at":"2022-12-17T10:40:56.886+08:00","updated_at":"2022-12-17T10:40:56.886+08:00"}]
橘蘋學習平台
橘蘋學習平台
我的作品
檢視專案頁
匯出
複製
匯入
刪除
下載 Android APP (APK)
截圖
前往網站頁面
1:1:1
1:1
full
用手機掃描下方 QRCode 進行安裝
或您也可以
下載 APK
到這台電腦
用手機掃描下方 QRCode 進行安裝
或您也可以
下載 APK
到這台電腦