Tic-Tac-Toe

Avatar of 張愷峰.
Avatar of 張愷峰.

Tic-Tac-Toe

前端網頁工程師
New Taipei, Banqiao District, New Taipei City, Taiwan

Tic-Tac-Toe實作

Demo: https://kevinrdong.github.io/Tic-Tac-Toe/



Usage

遊戲規則


玩家二人,分別以O和X代表。

輪流在3*3排列按鈕點選不同位置,先達成橫、直、斜三顆按鈕連線者勝。棋盤上方將顯示該回合應由哪位玩家行動。

若棋盤上二人皆無法達成勝利條件則為和局。

可隨時點選棋盤上方"Reset"來重置棋局。


遊戲機制


先手玩家為O,此時棋盤上方將顯示"It's your turn O"

玩家O點選按鈕令其顯示O,並讓棋盤上方提示改為"It's your turn X"

另一位玩家即可點選按鈕,此時其點選之按鈕將顯示為X

循環往復,直到分出勝負或者和局。

若有勝者出現,棋盤上方的提示將改為"勝者為O/X"

若為和局,則顯示"平手"


棋盤上方"Reset"可用以重置棋盤與上方提示。


小遊戲:OOXX實作 玩家二人,分別以O和X代表。 輪流在3*3排列按鈕點選不同位置,先達成橫、直、斜三顆按鈕連線者勝。
Avatar of the user.
Please login to comment.

Published: Jun 23rd 2022
66
6
0

Tools

javascript
JavaScript
html5
HTML5
css3
CSS3
vuejs
Vue.js

Front-end
網頁前端
JavaScript
CSS
HTML
vue

Share