釣魚副本副本 | 程式專案

{"id":78867,"student_id":1991,"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\\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        cards[index] = cards[random];\\n        cards[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\\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:16:58.190+08:00","updated_at":"2019-10-26T00:57:23.106+08:00","name":"釣魚 副本 副本","language":"web","screenshot":{"url":"https://cdn5.koding.school/uploads/project/screenshot/78867/1a5a11619936dcb603d00f09794b9ee5.jpg"},"parent_id":78775,"plugin":"","description":null,"note":null,"status":"public","like_student_ids":[],"is_featured":false,"views":80,"hashid":"2pdsmqne","is_content_changed":false,"review_status":"unsubmitted","submitted_at":null,"reviewed_at":null,"advise":null,"is_deleted":false}