- HTML
- SCSS
- VanillaJS
點擊右方 「NEW」 按鈕會跳出開啟新遊戲的彈跳視窗,選擇開啟一局新的遊戲或者返回當前遊戲
點擊右方 「RESTART」 按鈕會跳出重新開始該局遊戲的彈跳視窗,選擇重新開始該局的遊戲或者返回當前遊戲
當卡牌成功放置於上方區塊時,此時右方 「UNDO」 按鈕顯示為可點擊,點擊該按鈕時,能退回到前一次的拖曳結果
遊戲於開局動畫結束後開始計時,記錄遊戲遊玩時間
每次成功移動卡牌到上方區域時,記錄移動的次數
左方為卡牌暫時存放的區塊,一次只能放置單張卡牌
右方為完成卡牌存放的區塊,可放置多張卡牌,順序由小至大(A 到 K)
- 把玩 HTML Drag and Drop API
e.target
/e.currentTarget
的差別(待整理)