duynguyen/tictactoe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add session score display and refactor Jenkinsfile

Browse Source 
Score tracks X wins, O wins, draws in-memory for current session.
Jenkinsfile rewritten as scripted pipeline with named execute functions
and per-branch strategy closures (mirrors BasePipeline pattern).

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
duynguyen
2026-04-27 14:53:42 +07:00
parent 9c5243290d
commit 474545b24e
4 changed files with 97 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
public/game.js
View File

@@ -6,9 +6,13 @@
];
let board, current, over;
const score = { X: 0, O: 0, draw: 0 };
const cells = document.querySelectorAll('.cell');
const status = document.getElementById('status');
const resetBtn = document.getElementById('reset');
const scoreX = document.getElementById('score-x');
const scoreO = document.getElementById('score-o');
const scoreDraw = document.getElementById('score-draw');
function init() {
board = Array(9).fill(null);
@@ -43,8 +47,12 @@
if (result) {
over = true;
if (result.draw) {
score.draw++;
scoreDraw.textContent = score.draw;
status.textContent = "It's a draw!";
} else {
score[result.winner]++;
(result.winner === 'X' ? scoreX : scoreO).textContent = score[result.winner];
result.line.forEach(i => cells[i].classList.add('winner'));
status.textContent = `Player ${result.winner} wins!`;
}

5
public/index.html
View File

@@ -9,6 +9,11 @@
<body>
<div class="container">
<h1>Tic Tac Toe</h1>
<div class="scoreboard">
<div class="score-item"><span class="score-label">X</span><span id="score-x" class="score-value">0</span></div>
<div class="score-item"><span class="score-label">Draw</span><span id="score-draw" class="score-value">0</span></div>
<div class="score-item"><span class="score-label">O</span><span id="score-o" class="score-value">0</span></div>
</div>
<div id="status" class="status">Player X's turn</div>
<div id="board" class="board">
<div class="cell" data-index="0"></div>

31
public/style.css
View File

@@ -75,6 +75,37 @@ h1 {
border-color: #e94560;
}
.scoreboard {
display: flex;
justify-content: center;
gap: 2rem;
margin-bottom: 1.5rem;
}
.score-item {
display: flex;
flex-direction: column;
align-items: center;
background: #16213e;
border: 2px solid #0f3460;
border-radius: 8px;
padding: 0.5rem 1.5rem;
min-width: 70px;
}
.score-label {
font-size: 0.85rem;
color: #a8dadc;
text-transform: uppercase;
letter-spacing: 1px;
}
.score-value {
font-size: 2rem;
font-weight: bold;
color: #e94560;
}
.reset-btn {
padding: 0.75rem 2rem;
font-size: 1rem;