Skip to content

README-ZH-HK.md

Latest commit

 

History

History
93 lines (59 loc) · 3.5 KB

README-ZH-HK.md

File metadata and controls

93 lines (59 loc) · 3.5 KB
Raw

🎲 Randomizer-LuckyOne 🎉

| English | 簡體中文 | 繁體中文 |

Randomizer-LuckyOne 是一個簡單但強大的隨機抽獎應用，適用於活動、課堂、會議等場景。 你可以從指定範圍內隨機選擇幸運兒，同時支援 排除特定號碼，讓抽取過程更加靈活！ 🚀

Note

係 呢度 試吓在線示範

Desktop Screenshot

Phone Screenshot

✨ 功能特色

  • 🎯 隨機抽取：可從 1 - N 之間隨機抽取指定數量的幸運兒。
  • ❌ 排除名單：支援設定 排除號碼，確保某些特定編號不會被抽中。
  • 🔢 設定參與人數：自由設定總人數範圍（如 1 - 42），更有彈性。
  • ⏳ 進度指示：抽取過程中有動態進度條，提高趣味性和透明度。
  • 💾 結果儲存：可將抽取結果 下載為 HTML 檔案，方便記錄與分享。
  • 📱 響應式設計：採用 Material Design UI，適合桌面端與行動端。

🛠️ 如何使用

  1. 設定總人數：輸入 參與抽取的總人數（例如 1 - 42）。
  2. 設定排除名單（可選）：選擇 不參與抽取 的號碼，避免重複選擇或特定需求。
  3. 選擇抽取人數：決定 要抽取的人數（例如 5 人）。
  4. 開始抽出：點選 「開始」 按鈕，系統將自動隨機選取幸運兒 🎉。
  5. 下載結果（可選）：抽取結束後，你可以 下載 HTML 結果檔，方便記錄和分享。

🔧 部署與使用

  • 在 Releases 頁面下載完整的 Zip 壓縮文件，部署至伺服器或在本地開啟。
  • 直接透過 線上示範 使用。

🎉恭喜！ 你現在可以使用了。

Tip

如果部署在您的伺服器後無法載入樣式文件，可以先將 資源檔案 上傳至伺服器，然後將 HTML 原始碼中的 <link> 和 <script> 標籤中的連結改為您的資源 URL 地址。

🖥️ 技術堆疊

  • HTML5：頁面結構
  • CSS3 (MDUI)：Material Design UI 元件庫，提供美觀的使用者介面
  • JavaScript：處理邏輯，包括隨機抽取、動態更新、結果保存等
  • Blob API：用於 HTML 結果檔下載

🤝 貢獻方式

歡迎任何貢獻！ 如果你有改進功能的想法，或發現了 bug，可以 fork 程式碼並提交 PR 貢獻你的程式碼！ 💡

貢獻流程：

『`bash

1️⃣ Fork 項目

2️⃣ 克隆到本地

git clone https://github.com/你的GitHub使用者名稱/Randomrizer-LuckyOne.git

3️⃣ 建立新分支

git checkout -b feature/你的功能名稱

4️⃣ 修改程式碼，提交更改

git commit -am "新增功能: xxx"

5️⃣ 推播到你的 Fork

git push origin feature/你的功能名稱

6️⃣ 在 GitHub 提交 PR


---

## 📜 許可證

本專案基於 **MIT 開源許可證**，可自由使用、修改和分發。

📄 **[MIT License](LICENSE)**

---

## 📬 聯絡方式

- **作者**：[Felix Brown](https://github.com/iMallpa)
- **倉庫地址**：[Randomizer-LuckyOne](https://github.com/Caner-HK/Randomrizer-LuckyOne)

---

🎉 **歡迎豐富功能，提交你的貢獻！  ** 🚀✨