askiebaby / memory-game

原生的 JavaScript 學習寫一個卡片記憶遊戲,嘗試用 CSS 做翻牌的效果。

Home Page:https://askiebaby.github.io/memory-game/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

我的第一個翻牌遊戲

######tags: game, vanilla javascript


Demo


Askie's memory game

  • CSS
    • 轉場:transition
    • 變形:transform
    • 背面:backface-visibility
  • JavaScript
    • DOM API 操作:classList、dataset
    • 監聽使用者操作事件
    • 陣列方法,迴圈:Array.forEach()
    • 數學方法,亂數:Math.random()
    • 解構賦值

About

原生的 JavaScript 學習寫一個卡片記憶遊戲,嘗試用 CSS 做翻牌的效果。

https://askiebaby.github.io/memory-game/


Languages

Language:HTML 44.4%Language:CSS 31.9%Language:JavaScript 23.7%