YUUNJIEE.COM
javascript-blackjack-game.project
[_][□][✕]
💾javascript-blackjack-game.project×
projects/javascript-blackjack-game
---
project: "JavaScript Blackjack 遊戲"
summary: 大學時期的 JavaScript 課程專題,使用單純的 HTML, CSS 和 JavaScript 打造,並實作了分牌、雙倍下注等完整遊戲機制。
stack: [HTML, CSS, JavaScript, Game Logic]
---
JavaScript Blackjack 遊戲 preview

專案背景

這是我大學時「動態網頁程式設計」課程的期中作業,不依賴任何框架,用原生 JavaScript 實作一個功能完整的 Blackjack (21點) 遊戲。老師還要求加入「作弊模式」,來告訴我們網路賭博都不可信。

技術亮點

  • A 的彈性計分:動態判斷 Ace 應計為 1 或 11 點
  • 分牌邏輯:動態將手牌區分割成兩個獨立區域,分別追蹤狀態
  • 非同步動畫:用 async/await 搭配自訂 sleep 模擬真實發牌節奏

學習反思

那時候還沒有 ChatGPT,所有邏輯都靠 console.log 一行行刻出來,也因此對原生 JS 的事件驅動和狀態管理有了很紮實的理解。如果現在我要重做的話,會選擇用 React + useReducer 來管理遊戲狀態。

ONLINE·yuun@blog·v2.7.0