Python Flask 互動式猜數字遊戲網頁開發

一、網頁架構與前端介面設計

• 步驟 1：建立猜數字主網頁（Index 頁面）
  利用 HTML 與簡單的 CSS 樣式，設計出乾淨直觀的遊戲主畫面。網頁中央包含標題、遊戲規則說明、數字輸入框以及提交按鈕，讓玩家能夠順利輸入 1 到 100 之間的目標數字。

二、遊戲互動與後端邏輯判斷

• 步驟 2：輸入數值與提示回饋（太低或太高）
  當玩家輸入數值並送出後，Python 後端程式會將輸入的數字與系統隨機產生的答案進行對比：
  • 若輸入的數字小於正確答案，網頁會動態更新並噴出 「太低了！(Too low!)」 的紅色警示框，提示玩家加大數字。
  • 若輸入的數字大於正確答案，網頁則會顯示 「太高了！(Too high!)」，引導玩家縮小範圍。
  

三、遊戲完成與重新開始機制

• 步驟 3：成功猜中答案與重置遊戲
  當玩家成功猜中系統隨機生成的正確數字時，網頁會彈出綠色的成功畫面，大字顯示 「猜對了！(You got it!)」。同時，畫面下方會出現一個「重新開始（Play Again）」的按鈕，點擊後後端會清除 Session 並重新隨機產生一個新數字，開啟新一輪的遊戲。