{"id":78882,"student_id":255,"content":"{\"html\":\"\u003c!DOCTYPE html\u003e\\n\u003chtml\u003e\\n\u003chead\u003e\\n\\t\u003ctitle\u003efishing card\u003c/title\u003e\\n\\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\\n\u003cbutton id=\\\"reset-btn\\\"\u003e ↻重新開始\u003c/button\u003e\\n\u003chr\u003e\\n\u003cbutton id=\\\"0\\\" class=\\\"btn\\\"\u003e\u003c/button\u003e\\n\u003cbutton id=\\\"1\\\" class=\\\"btn\\\"\u003e\u003c/button\u003e\\n\u003cbutton id=\\\"2\\\" class=\\\"btn\\\"\u003e\u003c/button\u003e\\n\u003cbutton id=\\\"3\\\" class=\\\"btn\\\"\u003e\u003c/button\u003e\u003cbr\u003e\\n\u003cbutton id=\\\"4\\\" class=\\\"btn\\\"\u003e\u003c/button\u003e\\n\u003cbutton id=\\\"5\\\" class=\\\"btn\\\"\u003e\u003c/button\u003e\\n\u003cbutton id=\\\"6\\\" class=\\\"btn\\\"\u003e\u003c/button\u003e\\n\u003cbutton id=\\\"7\\\" class=\\\"btn\\\"\u003e\u003c/button\u003e\u003cbr\u003e\\n\u003cbutton id=\\\"8\\\" class=\\\"btn\\\"\u003e\u003c/button\u003e\\n\u003cbutton id=\\\"9\\\" class=\\\"btn\\\"\u003e\u003c/button\u003e\\n\u003cbutton id=\\\"10\\\" class=\\\"btn\\\"\u003e\u003c/button\u003e\\n\u003cbutton id=\\\"11\\\" class=\\\"btn\\\"\u003e\u003c/button\u003e\u003cbr\u003e\\n\u003cbutton id=\\\"12\\\" class=\\\"btn\\\"\u003e\u003c/button\u003e\\n\u003cbutton id=\\\"13\\\" class=\\\"btn\\\"\u003e\u003c/button\u003e\\n\u003cbutton id=\\\"14\\\" class=\\\"btn\\\"\u003e\u003c/button\u003e\\n\u003cbutton id=\\\"15\\\" class=\\\"btn\\\"\u003e\u003c/button\u003e\u003cbr\u003e\\n\u003c/body\u003e\\n\u003c/html\u003e\",\"css\":\"*{\\n font-size:30px;\\n font-family:Microsoft JhengHei;\\n}\\n\\n.btn{\\n border-radius:10px;\\n background:skyblue;\\n width:60px; \\n height:60px;\\n margin-bottom:10px;\\n}\",\"js\":\"var cards = [0, 0, 0, 0,\\n 0, 0, 0, 0,\\n 0, 0, 0, 0,\\n 0, 0, 0, 0];\\nvar marks = ['💩', '⚽', '🖕', '😎', '🤘', '㊙', '♍', 'X'];\\nvar flipedCards = [];\\n\\nfunction shuffleArray(array) {\\n array.forEach(function(emoji, index) {\\n //console.log(emoji,index);\\n var random = Math.floor(Math.random()*16);\\n var temp = array[index];\\n array[index] = array[random];\\n array[random] = temp;\\n });\\n return array;\\n}\\n\\nfunction setCards() {\\n $('.btn').html('🔷');\\n cards = marks.concat(marks);\\n cards = shuffleArray(cards);\\n console.log(cards);\\n\\n\\n}\\n\\nfunction flipCard() {\\n if (flipedCards.length == 2) {\\n\\n $('#'+flipedCards[0]).html('🔷');\\n $('#'+flipedCards[1]).html('🔷');\\n flipedCards = [];\\n return;\\n }\\n\\n var cardIndex = $(this).attr('id');\\n $(this).text(cards[cardIndex]);\\n\\n flipedCards.push(cardIndex);\\n\\nif(flipedCards[0]==flipedCards[1]){\\n return;\\n}\\n\\n\\n\\n\\n if (flipedCards.length == 2) {\\n var card1 = cards[flipedCards[0]];\\n var card2 = cards[flipedCards[1]];\\n if (card1 == card2) {\\n alert(\\\"成功\\\");\\n $('#'+flipedCards[0]).attr(\\\"disabled\\\",true);\\n $('#'+flipedCards[1]).attr(\\\"disabled\\\",true);\\n flipedCards = [];\\n \\n }\\n }\\n}\\n\\n\\n// ====== 主程式 ======\\n\\n//重新開始的按鈕\\n$(\\\"#reset-btn\\\").click(setCards);\\n\\n//按下卡片\\n$(\\\".btn\\\").click(flipCard);\\n\\nsetCards();\"}","created_at":"2019-07-13T10:18:23.710+08:00","updated_at":"2019-11-02T15:53:00.549+08:00","name":"釣魚 副本 副本","language":"web","screenshot":{"url":"https://cdn4.koding.school/uploads/project/screenshot/78882/1f4ab23b34fc6f88cd50c4d0aeee090b.jpg"},"parent_id":78775,"plugin":"","description":null,"note":null,"status":"public","like_student_ids":[],"is_featured":false,"views":56,"hashid":"rdvsg89z","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
到這台電腦