作業一第三題 - JavaScript問答測驗

專案說明

這是一個簡單的互動式問答測驗，測試使用者對JavaScript創始人的了解。

功能特色

• 互動式問答: 使用者可以點擊選項來回答問題
• 即時反饋: 選擇答案後立即顯示正確或錯誤的結果
• 響應式設計: 支援不同螢幕尺寸，包括手機和平板
• 視覺回饋: 正確答案顯示綠色，錯誤答案顯示紅色
• 重新開始: 可以重新進行測驗
• 鍵盤支援: 可使用數字鍵1-4快速選擇答案

檔案結構

Q3/
├── index.html    # 主要HTML檔案
├── style.css     # 樣式檔案
├── script.js     # JavaScript功能檔案
└── README.md     # 說明檔案

使用方式

1. 開啟 index.html 檔案
2. 閱讀問題：「JavaScript 的創始人是誰？」
3. 點擊四個選項中的一個
4. 查看即時反饋結果
5. 點擊「重新開始」按鈕可以重新測驗

響應式設計

• 桌面版: 答案選項以2x2網格排列
• 平板版 (481px-768px): 保持2x2網格，調整間距
• 手機版 (480px以下): 答案選項改為單欄排列

技術規格

• HTML5語義化標籤
• CSS3 Grid和Flexbox佈局
• 原生JavaScript (ES6+)
• 支援觸控設備
• UTF-8編碼，支援繁體中文

瀏覽器支援

• Chrome 60+
• Firefox 55+
• Safari 12+
• Edge 79+
• 行動瀏覽器 (iOS Safari, Chrome Mobile)