手指百米衝刺大賽 - 學生版副本 | 程式專案

{"id":269891,"student_id":6762,"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    \u003ch1\u003e輪流按左右鍵來進行Game\u003c/h1\u003e\\n    \u003ch2\u003e直到你GG(啊!不是啦!是跑了500公尺...)\u003c/h2\u003e\\n    \u003ch3\u003e你不可能成功的的!\u003c/h3\u003e\\n    \u003ch6\u003e(對不起唷!遊戲設置就是這樣!另外，電腦會有點沒禮貌唷!)╮(╯_╰)╭\u003c/h6\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\\\"\u003e你跑了0公尺(別玩了!你會累死唷!我就是這樣死的!)\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\u003e等級\u003c/th\u003e\\n                \u003cth\u003e名稱\u003c/th\u003e\\n                \u003cth\u003e時間\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        \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\\n\\nfunction keydownHandler (event) {\\n    if (event.which == 37 \u0026\u0026 (status == \\\"wait\\\" || status == \\\"right\\\")) {\\n        leftStep();\\n    } else if (event.which == 39 \u0026\u0026 status == \\\"left\\\") {\\n        rightStep();\\n    }\\n    if (count == 500 \u0026\u0026 status != \\\"gameover\\\") {\\n        gameover();\\n    }\\n\\n}\\n\\n\\n// 左鍵被按下時\\nfunction leftStep () {\\n    if (status == \\\"wait\\\") {\\n        startTime = Date.now();\\n    }\\n    $('#img_wait').hide();\\n    $('#img_left').hide();\\n    $('#img_right').show();\\n    $(\\\"#btn_left\\\").addClass(\\\"active\\\");\\n    $(\\\"#btn_right\\\").removeClass(\\\"active\\\");\\n    count ++;\\n    if (count \u003c= 100) {\\n        $(\\\"#steps\\\").text(\\\"你跑了\\\" + count + \\\"公尺(很遜ㄟ!)(΄◞ิ౪◟ิ‵)\\\");\\n    } else if (count \u003e 100 \u0026\u0026 count \u003c= 200) {\\n        $(\\\"#steps\\\").text(\\\"你跑了\\\" + count + \\\"公尺(勉強還可以!)ʅ（´◔౪◔）ʃ)\\\");\\n    } else if (count \u003e 200 \u0026\u0026 count \u003c= 300) {\\n        $(\\\"#steps\\\").text(\\\"你跑了\\\" + count + \\\"公尺(什麼?你竟然才跑了這麼少!)\\\");\\n    } else if (count \u003e 300 \u0026\u0026 count \u003c= 400) {\\n        $(\\\"#steps\\\").text(\\\"你跑了\\\" + count + \\\"公尺(趕快放棄吧!你做不到的啦!)\\\");\\n    } else if (count \u003e 400 \u0026\u0026 count \u003c= 450) {\\n        $(\\\"#steps\\\").text(\\\"你跑了\\\" + count + \\\"公尺(你一定不可能成功的啦!)\\\");\\n    } else if (count \u003e 450 \u0026\u0026 count \u003c= 499) {\\n        $(\\\"#steps\\\").text(\\\"你跑了\\\" + count + \\\"公尺(no!我的紀錄)\\\");\\n    } else if (count = 500) {\\n        $(\\\"#steps\\\").text(\\\"你跑了\\\" + count + \\\"公尺(不要啊!)\\\");\\n    }\\n    status = \\\"left\\\";\\n}\\n\\n// 右鍵被按下時\\nfunction rightStep () {\\n    $('#img_right').hide();\\n    $('#img_left').show();\\n    $(\\\"#btn_right\\\").addClass(\\\"active\\\");\\n    $(\\\"#btn_left\\\").removeClass(\\\"active\\\");\\n    count ++;\\n    if (count \u003c= 100) {\\n        $(\\\"#steps\\\").text(\\\"你跑了\\\" + count + \\\"公尺(很遜ㄟ!)(΄◞ิ౪◟ิ‵)\\\");\\n    } else if (count \u003e 100 \u0026\u0026 count \u003c= 200) {\\n        $(\\\"#steps\\\").text(\\\"你跑了\\\" + count + \\\"公尺(勉強還可以!)ʅ（´◔౪◔）ʃ)\\\");\\n    } else if (count \u003e 200 \u0026\u0026 count \u003c= 300) {\\n        $(\\\"#steps\\\").text(\\\"你跑了\\\" + count + \\\"公尺(什麼?你竟然才跑了這麼少!)\\\");\\n    } else if (count \u003e 300 \u0026\u0026 count \u003c= 400) {\\n        $(\\\"#steps\\\").text(\\\"你跑了\\\" + count + \\\"公尺(趕快放棄吧!你做不到的啦!)\\\");\\n    } else if (count \u003e 400 \u0026\u0026 count \u003c= 450) {\\n        $(\\\"#steps\\\").text(\\\"你跑了\\\" + count + \\\"公尺(你一定不可能成功的啦!)\\\");\\n    } else if (count \u003e 450 \u0026\u0026 count \u003c= 499) {\\n        $(\\\"#steps\\\").text(\\\"你跑了\\\" + count + \\\"公尺(no!我的紀錄)\\\");\\n    } else if (count = 500) {\\n        $(\\\"#steps\\\").text(\\\"你跑了\\\" + count + \\\"公尺(不要啊!)\\\");\\n    }\\n    status = \\\"right\\\";\\n}\\n\\n// 遊戲結束\\nfunction gameover () {\\n    $(\\\"#img_left\\\").hide();\\n    $(\\\"#img_right\\\").hide();\\n    $(\\\"#img_gameover\\\").show();\\n    status = \\\"gameover\\\";\\n    endTime = Date.now();\\n    var time = (endTime - startTime) / 1000;\\n    $(\\\"#result\\\").text(\\\"你花了\\\" + time + \\\"秒\\\");\\n    record.create({\\n        name: userName,\\n        time: time,\\n    });\\n    record.read({}, {\\n        $oderBy: {\\n            time: 1\\n        },\\n    }, showRank);\\n\\n\\n\\n\\n}\\n\\n// 顯示排行榜\\nfunction showRank (data) {\\n    $('table').show();\\n    $('tbody').empty();\\n    data.forEach(function (d, index) {\\n        var row = `\\n        \u003ctr\u003e\\n        \u003ctd\u003e${index + 1}\u003c/td\u003e\\n        \u003ctd\u003e${d.name}\u003c/td\u003e\\n        \u003ctd\u003e${d.time}秒\u003c/td\u003e\\n        \u003c/tr\u003e\\n        `;\\n        $('tbody').append(row);\\n    });\\n}\"}","created_at":"2021-07-04T13:32:59.454+08:00","updated_at":"2021-07-28T18:27:29.879+08:00","name":"手指百米衝刺大賽 - 學生版 副本","language":"web","screenshot":{"url":"https://cdn9.koding.school/uploads/project/screenshot/269891/b9db43a5f0e8380062a26d6ca256a72e.jpg"},"parent_id":122069,"plugin":"","description":null,"note":null,"status":"public","like_student_ids":[],"is_featured":false,"views":18,"hashid":"meyswn6rr","is_content_changed":false,"review_status":"unsubmitted","submitted_at":null,"reviewed_at":null,"advise":null,"is_deleted":false}