askiebaby / memory-game Public

Notifications You must be signed in to change notification settings
Fork 1
Star 10

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

askiebaby.github.io/memory-game/

10 stars 1 fork Branches Tags Activity

Notifications

Name		Name	Last commit message	Last commit date
Latest commit History 25 Commits
img		img
.gitignore		.gitignore
README.md		README.md
index.html		index.html
script.js		script.js
style.css		style.css

Repository files navigation

我的第一個翻牌遊戲

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

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

About

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

askiebaby.github.io/memory-game/

Report repository

Releases

No releases published

Packages

No packages published

Languages