釣魚副本副本副本副本副本副本副本副本副本副本副本副本副本副本副本副本副本副本副本副本副本副本副本副本副本副本副本副本副本副本副本副本副本副本副本副本副本副本副本副本副本副本副本副本副本副本副本副本副本副本副本副本副本副本副本副本副本副本副本副本副本副本副本副本副本副本副本副本副本副本副本副本副本副本副本副本副本副本副本副本 | 程式專案

{"id":78877,"student_id":2008,"content":"{\"html\":\"\u003c!DOCTYPE html\u003e\\n\u003chtml\u003e\\n\u003chead\u003e\\n    \u003ctitle\u003efishing card\u003c/title\u003e\\n    \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\\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 = ['🦃', '💩', '🐦', '🐤', '🎮', '🤪', '🐓', '🦅'];\\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\\nfunction flipCard() {\\n    if (flipedCards.length == 2) {\\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    flipedCards.push(cardIndex);\\n\\n    if (flipedCards.length == 2) {\\n        if(flipedCards[0]==flipedCards[1]){\\n            return\\n        }\\n        var card1 = cards[flipedCards[0]]\\n        var card2 = cards[flipedCards[1]]\\n        if (card1 == card2) {\\n            $('#'+flipedCards[0]).attr(\\\"disabled\\\", true)\\n            $('#'+flipedCards[1]).attr(\\\"disabled\\\", true)\\n            flipedCards = []\\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:17:36.948+08:00","updated_at":"2019-10-10T01:25:46.166+08:00","name":"釣魚 副本 副本 副本 副本 副本 副本 副本 副本 副本 副本 副本 副本 副本 副本 副本 副本 副本 副本 副本 副本 副本 副本 副本 副本 副本 副本 副本 副本 副本 副本 副本 副本 副本 副本 副本 副本 副本 副本 副本 副本 副本 副本 副本 副本 副本 副本 副本 副本 副本 副本 副本 副本 副本 副本 副本 副本 副本 副本 副本 副本 副本 副本 副本 副本 副本 副本 副本 副本 副本 副本 副本 副本 副本 副本 副本 副本 副本 副本 副本 副本","language":"web","screenshot":{"url":"https://cdn2.koding.school/uploads/project/screenshot/78877/8774fc0268b6fa3ab616dcdd12bf1911.jpg"},"parent_id":78875,"plugin":"","description":null,"note":null,"status":"public","like_student_ids":[],"is_featured":false,"views":121,"hashid":"npmskyp3","is_content_changed":false,"review_status":"unsubmitted","submitted_at":null,"reviewed_at":null,"advise":null,"is_deleted":false}