{"id":79033,"student_id":255,"content":"{\"html\":\"\u003c!DOCTYPE html\u003e\\n\u003chtml\u003e\\n\u003chead\u003e\\n\\t\u003ctitle\u003e龜兔賽跑\u003c/title\u003e\\n\\t\\t\u003cscript\\n src=\\\"https://code.jquery.com/jquery-3.4.1.slim.min.js\\\"\\n integrity=\\\"sha256-pasqAKBDmFT4eHoN2ndd6lN370kFiGUFyTiUHWhU7k8=\\\"\\n crossorigin=\\\"anonymous\\\"\u003e\u003c/script\u003e\\n\u003c/head\u003e\\n\u003cbody\u003e\\n \u003ch1\u003e龜兔賽跑\u003c/h1\u003e\\n \u003cdiv id=\\\"result\\\"\u003e究竟誰能勝出呢?\u003c/div\u003e\\n 預測能力:\u003cdiv id=\\\"score\\\"\u003e0\u003c/div\u003e\\n \u003cbutton class=\\\"btn turtle-btn\\\"\u003e🔪 烏龜會獲勝\u003c/button\u003e\\n \u003cbutton class=\\\"btn rabbit-btn\\\"\u003e🖕 兔子會獲勝\u003c/button\u003e\\n \u003chr\u003e\\n \u003cdiv id=\\\"turtle\\\"\u003e🔪\u003c/div\u003e\\n \u003cbr\u003e\\n \u003cdiv id=\\\"rabbit\\\"\u003e🖕\u003c/div\u003e\\n \u003cbr\u003e\\n \u003chr\u003e\\n \u003cbutton class=\\\"full-btn reset-btn\\\"\u003e繼續下一場\u003c/button\u003e\\n \\n\u003c/body\u003e\\n\u003c/html\u003e\",\"css\":\"*{\\r\\n font-size:30px;\\r\\n font-family:Microsoft JhengHei;\\r\\n}\\r\\n\\r\\n#turtle{\\r\\n position:absolute;\\r\\n left:95%;\\r\\n}\\r\\n\\r\\n#rabbit{\\r\\n position:absolute;\\r\\n left:95%;\\r\\n}\\r\\n\\r\\n.btn{\\r\\n display:inline-block;\\r\\n border-radius:10px;\\r\\n width:49%;\\r\\n}\\r\\n\\r\\n.full-btn{\\r\\n display:inline-block;\\r\\n border-radius:10px;\\r\\n width:100%;\\r\\n}\\r\\n\\r\\n#result{\\r\\n background:\\t#fff8d9;\\r\\n padding:10px;\\r\\n display:inline-block;\\r\\n border-radius:20px;\\r\\n width:50%;\\r\\n}\\r\\n\\r\\n#score{\\r\\n background:\\t#fff8d9;\\r\\n padding:10px;\\r\\n display:inline-block;\\r\\n border-radius:20px;\\r\\n width:5%;\\r\\n margin-bottom:10px;\\r\\n}\\r\\n\\r\\n.selected{\\r\\n border:2px solid red;\\r\\n}\\r\\n\\r\\n.reset-btn{\\r\\n display:none;\\r\\n background:skyblue;\\r\\n}\",\"js\":\"var turtleStep;\\nvar rabbitStep;\\nvar score = 0;\\n\\n$(\\\".reset-btn\\\").click(function() {\\n rabbitStep = 95;\\n turtleStep = 95;\\n\\n $(\\\".btn\\\").attr(\\\"disabled\\\",false);\\n $(\\\".btn\\\").removeClass(\\\"selected\\\");\\n $(\\\".reset-btn\\\").hide();\\n / $(\\\"#result\\\").html(\\\"究竟誰能勝出呢?\\\");\\n});\\n\\n$(\\\".turtle-btn\\\").click(function() {\\n bet(\\\"turtle\\\");\\n});\\n\\n$(\\\".rabbit-btn\\\").click(function() {\\n bet(\\\"rabbit\\\");\\n});\\n\\nfunction bet(decision) {\\n\\n //增加選擇框\\n //alert(decision);\\n if (decision == \\\"rabbit\\\") {\\n $(\\\".rabbit-btn\\\").addClass(\\\"selected\\\");\\n } else {\\n $(\\\".turtle-btn\\\").addClass(\\\"selected\\\");\\n }\\n $(\\\".rabbit-btn\\\").attr(\\\"disabled\\\", true);\\n $(\\\".turtle-btn\\\").attr(\\\"disabled\\\", true);\\n\\n rabbitStep = 95;\\n turtleStep = 95;\\n var gameStart = setInterval(function() {\\n //開始賽跑\\n rabbitStep -= Math.random()*5;\\n turtleStep -= Math.random()*5;\\n $(\\\"#rabbit\\\").css(\\\"left\\\", rabbitStep+\\\"%\\\");\\n $(\\\"#turtle\\\").css(\\\"left\\\", turtleStep+\\\"%\\\");\\n\\n if (rabbitStep \u003c= 0 || turtleStep \u003c= 0) {\\n clearInterval(gameStart);\\n if (rabbitStep \u003c= 0) {\\n if (decision == \\\"rabbit\\\") {\\n score++;\\n } else {\\n score--;\\n }\\n } else {\\n if (turtleStep \u003c= 0) {\\n if (decision == \\\"turtle\\\") {\\n score++;\\n } else {\\n score--;\\n }\\n }\\n }\\n $(\\\"#score\\\").text(score);\\n $(\\\".reset-btn\\\").show();\\n }\\n }, 100);\\n}\"}","created_at":"2019-07-13T11:26:52.877+08:00","updated_at":"2019-10-16T19:49:47.345+08:00","name":"龜兔賽跑 副本","language":"web","screenshot":{"url":"https://cdn4.koding.school/uploads/project/screenshot/79033/8958da53cc8ab35215f839d41c764a2c.jpg"},"parent_id":79022,"plugin":"","description":null,"note":null,"status":"public","like_student_ids":[],"is_featured":false,"views":62,"hashid":"zpeske84","is_content_changed":false,"review_status":"unsubmitted","submitted_at":null,"reviewed_at":null,"advise":null,"is_deleted":false}
[]
橘蘋學習平台
橘蘋學習平台
我的作品
檢視專案頁
匯出
複製
匯入
刪除
下載 Android APP (APK)
截圖
前往網站頁面
1:1:1
1:1
full
用手機掃描下方 QRCode 進行安裝
或您也可以
下載 APK
到這台電腦
用手機掃描下方 QRCode 進行安裝
或您也可以
下載 APK
到這台電腦