Update index.html

index.html

@@ -4,11 +4,10 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>三門問題遊戲</title>
-    <!-- 引入 Google Noto Sans TC 字型 -->
     <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;700&display=swap" rel="stylesheet">
     <style>
         body {
-            font-family: 'Noto Sans TC', Arial, sans-serif; /* 優先使用 Noto Sans TC */
+            font-family: 'Noto Sans TC', Arial, sans-serif;
             text-align: center;
             padding: 20px;
             background-color: #f0f0f0;
@@ -85,7 +84,6 @@
             color: #555;
         }
 
-        /* 響應式設計：平板和手機 */
         @media (max-width: 768px) {
             body {
                 flex-direction: column;
@@ -156,6 +154,7 @@
         </div>
         <button onclick="promptForSimulation(false)">模擬 100 次：2號門不換 (需密碼)</button>
         <button onclick="promptForSimulation(true)">模擬 100 次：2號門換門 (需密碼)</button>
+        <button onclick="promptForTenDoors()">進入十門版本 (需密碼)</button>
     </div>
     <div class="stats-container">
         <h2>中獎機率統計</h2>
@@ -311,6 +310,15 @@
             document.getElementById("message").innerHTML = 
                 `模擬完成！已執行 100 次，選擇 2 號門且${action}。<br>請查看右側統計表格。<br><button onclick="resetGame()">再玩一次</button>`;
         }
+
+        function promptForTenDoors() {
+            const password = prompt("請輸入密碼以進入十門版本：");
+            if (password === "TenDoors") {
+                window.location.href = "ten_doors.html";
+            } else {
+                alert("密碼錯誤！");
+            }
+        }
     </script>
 </body>
 </html>