寫一個簡單的tic tac toe唄!(30Days challenge-2)

前言

本來是打算再寫個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/

發表迴響

在下方填入你的資料或按右方圖示以社群網站登入:

WordPress.com 標誌

您的留言將使用 WordPress.com 帳號。 登出 /  變更 )

Facebook照片

您的留言將使用 Facebook 帳號。 登出 /  變更 )

連結到 %s