前言
本來是打算再寫個chrome extension來提醒自己不要太耍廢,不過突然看到一個教學就想想…自己對於grid的使用的確不太熟練,不如藉由這樣簡單的東西好好復習一下吧! 結果折騰了比我預期還長的時間XD
基本上就只是js & css的複習,不過我順便加了sass以及animate.css進去作練習~!
專案邏輯
- 利用grid做出基本3*3版面
- 預先寫好O & X 對應的css class
- 每次點擊時利用js將對應的class加上去,達成放置的效果
專案預覽

專案連結
Github : https://github.com/windate3411/tic-tac-toe/blob/master/readme.md
靜態頁面 : https://windate3411.github.io/tic-tac-toe/