學生｜財富之路 2.0 | 程式專案

{"id":847535,"student_id":2589,"content":"{\"html\":\"\u003c!doctype html\u003e\\n\u003chtml lang=\\\"en\\\"\u003e\\n\u003chead\u003e\\n    \u003cmeta charset=\\\"utf-8\\\"\u003e\\n    \u003c!-- \u003cmeta name=\\\"viewport\\\" content=\\\"width=device-width, initial-scale=1\\\"\u003e --\u003e\\n    \u003cmeta name=\\\"viewport\\\" content=\\\"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no\\\"\u003e\\n    \u003clink href=\\\"https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/css/bootstrap.min.css\\\" rel=\\\"stylesheet\\\" integrity=\\\"sha384-wEmeIV1mKuiNpC+IOBjI7aAzPcEZeedi5yW5f2yOq55WWLwNGmvvx4Um1vskeMj0\\\" crossorigin=\\\"anonymous\\\"\u003e\\n    \u003clink rel=\\\"stylesheet\\\" href=\\\"https://cdnjs.cloudflare.com/ajax/libs/bootstrap-icons/1.11.3/font/bootstrap-icons.min.css\\\" integrity=\\\"sha512-dPXYcDub/aeb08c63jRq/k6GaCcl256JQy/AnOq7CAnEZ9FzSL9wSbcZkMp4R26vBsMLFYH4kQ67/bbV8XaCQ==\\\" crossorigin=\\\"anonymous\\\" referrerpolicy=\\\"no-referrer\\\" /\u003e\\n    \u003ctitle\u003e學生｜財富之路\u003c/title\u003e\\n\u003c/head\u003e\\n\u003cbody\u003e\\n    \u003cdiv id=\\\"loading\\\"\u003e\\n        \u003cdiv class=\\\"spinner-border text-light\\\" role=\\\"status\\\"\u003e\\n            \u003cspan class=\\\"visually-hidden\\\"\u003eLoading...\u003c/span\u003e\\n        \u003c/div\u003e\\n    \u003c/div\u003e\\n    \u003cdiv id=\\\"content\\\" class=\\\"h-100\\\"\u003e\\n        \u003cimg src=\\\"star.svg\\\" class=\\\"star\\\" id=\\\"star\\\" alt=\\\"star\\\" draggable=\\\"false\\\"\u003e\\n        \u003cdiv class=\\\"container-fluid h-100\\\"\u003e\\n            \u003cdiv class=\\\"row p-4 pb-0 d-flex justify-content-between\\\"\u003e\\n                \u003cdiv class=\\\"col-12 mb-3\\\"\u003e\\n                    \u003cdiv class=\\\"card card-shadow bg-dark p-2\\\"\u003e\\n                        \u003cdiv class=\\\"card-body row\\\"\u003e\\n                            \u003cdiv class=\\\"col-6 mb-3\\\"\u003e\\n                                \u003cselect id=\\\"game-select\\\" class=\\\"w-100 form-select form-select-lg\\\" aria-label=\\\".form-select-lg example\\\"\u003e\u003c/select\u003e\\n                            \u003c/div\u003e\\n                            \u003cdiv class=\\\"col-2 mb-3\\\"\u003e\\n                                \u003cbutton id=\\\"assets-dice\\\" class=\\\"btn btn-lg w-100\\\"\u003e資產骰子\u003c/button\u003e\\n                            \u003c/div\u003e\\n                            \u003cdiv class=\\\"col-2 mb-3\\\"\u003e\\n                                \u003cbutton id=\\\"risk-dice\\\" class=\\\"btn btn-lg w-100\\\"\u003e風險骰子\u003c/button\u003e\\n                            \u003c/div\u003e\\n                            \u003cdiv class=\\\"col-2 mb-3\\\"\u003e\\n                                \u003cdiv class=\\\"btn-group w-100\\\" role=\\\"group\\\"\u003e\\n                                    \u003cbutton id=\\\"btnGroupDrop1\\\" type=\\\"button\\\" class=\\\"btn btn-lg btn-secondary w-100 dropdown-toggle\\\" data-bs-toggle=\\\"dropdown\\\" aria-expanded=\\\"false\\\"\u003e\\n                                        更多功能\\n                                    \u003c/button\u003e\\n                                    \u003cul class=\\\"dropdown-menu\\\" aria-labelledby=\\\"btnGroupDrop1\\\"\u003e\\n                                        \u003cli\u003e\u003ca id=\\\"reset-game\\\" class=\\\"dropdown-item\\\" href=\\\"#\\\"\u003e重新一局\u003c/a\u003e\u003c/li\u003e\\n                                        \u003cli\u003e\u003ca id=\\\"selling-record\\\" class=\\\"dropdown-item\\\" href=\\\"#\\\"\u003e賣出紀錄\u003c/a\u003e\u003c/li\u003e\\n                                    \u003c/ul\u003e\\n                                \u003c/div\u003e\\n                                \u003c!-- \u003cbutton id=\\\"reset-game\\\" class=\\\"btn btn-lg btn-secondary w-100\\\"\u003e重新一局\u003c/button\u003e --\u003e\\n                            \u003c/div\u003e\\n                            \u003cdiv class=\\\"col-6 mb-3\\\"\u003e\\n                                \u003cselect id=\\\"save-select\\\" class=\\\"w-100 form-select form-select-lg\\\" aria-label=\\\".form-select-lg example\\\"\u003e\\n                                \u003c/select\u003e\\n                            \u003c/div\u003e\\n                            \u003cdiv class=\\\"col-6 mb-3\\\"\u003e\\n                                \u003cselect id=\\\"insurance-select\\\" class=\\\"w-100 form-select form-select-lg\\\" aria-label=\\\".form-select-lg example\\\"\u003e\\n                                \u003c/select\u003e\\n                            \u003c/div\u003e\\n                            \u003cdiv class=\\\"col-6 mb-0\\\"\u003e\\n                                \u003cselect id=\\\"stock-round-select\\\" class=\\\"w-100 form-select form-select-lg\\\" aria-label=\\\".form-select-lg example\\\"\u003e\\n                                \u003c/select\u003e\\n                            \u003c/div\u003e\\n                            \u003cdiv class=\\\"col-6 mb-0\\\"\u003e\\n                                \u003cselect id=\\\"house-round-select\\\" class=\\\"w-100 form-select form-select-lg\\\" aria-label=\\\".form-select-lg example\\\"\u003e\\n                                \u003c/select\u003e\\n                            \u003c/div\u003e\\n                        \u003c/div\u003e\\n                    \u003c/div\u003e\\n                \u003c/div\u003e\\n            \u003c/div\u003e\\n            \u003cdiv class=\\\"row mt-0 p-4 pt-0 pb-0 d-flex justify-content-between\\\"\u003e\\n                \u003cdiv class=\\\"col-12 mb-3\\\"\u003e\\n                    \u003cdiv class=\\\"card card-shadow bg-dark p-2\\\"\u003e\\n                        \u003cdiv class=\\\"card-body row\\\"\u003e\\n                            \u003cdiv class=\\\"col-4 mb-3\\\"\u003e\\n                                \u003cdiv class=\\\"input-group input-group-lg\\\"\u003e\\n                                    \u003cspan class=\\\"input-group-text bg-green text-white border-0\\\" id=\\\"inputGroup-sizing-lg\\\"\u003e不在銀行的現金\u003c/span\u003e\\n                                    \u003cinput step=\\\"50\\\" min=0 value=0 type=\\\"number\\\" class=\\\"form-control\\\" aria-label=\\\"Sizing example input\\\" aria-describedby=\\\"inputGroup-sizing-lg\\\"\u003e\\n                                \u003c/div\u003e\\n                            \u003c/div\u003e\\n                            \u003cdiv class=\\\"col-4 mb-3\\\"\u003e\\n                                \u003cdiv class=\\\"input-group input-group-lg\\\"\u003e\\n                                    \u003cspan class=\\\"input-group-text\\\" id=\\\"inputGroup-sizing-lg\\\"\u003e現金以外的資產\u003c/span\u003e\\n                                    \u003cinput min=0 value=0 type=\\\"number\\\" class=\\\"form-control\\\" aria-label=\\\"Sizing example input\\\" aria-describedby=\\\"inputGroup-sizing-lg\\\" readonly\u003e\\n                                \u003c/div\u003e\\n                            \u003c/div\u003e\\n                            \u003cdiv class=\\\"col-4 mb-3\\\"\u003e\\n                                \u003cdiv class=\\\"input-group input-group-lg\\\"\u003e\\n                                    \u003cspan class=\\\"input-group-text\\\" id=\\\"inputGroup-sizing-lg\\\"\u003e加總所有的資產\u003c/span\u003e\\n                                    \u003cinput min=0 value=0 type=\\\"number\\\" class=\\\"form-control\\\" aria-label=\\\"Sizing example input\\\" aria-describedby=\\\"inputGroup-sizing-lg\\\" readonly\u003e\\n                                \u003c/div\u003e\\n                            \u003c/div\u003e\\n                            \u003cdiv class=\\\"col-6 mb-0\\\"\u003e\\n                                \u003cdiv class=\\\"input-group input-group-lg\\\"\u003e\\n                                    \u003cspan class=\\\"input-group-text bg-blue text-white border-0\\\"\u003e這個階段的所有股利\u003c/span\u003e\\n                                    \u003cinput min=0 value=0 type=\\\"number\\\" class=\\\"form-control border-color-e9ecef\\\" aria-label=\\\"Sizing example input\\\" aria-describedby=\\\"inputGroup-sizing-lg\\\" readonly\u003e\\n                                \u003c/div\u003e\\n                            \u003c/div\u003e\\n                            \u003cdiv class=\\\"col-6 mb-0\\\"\u003e\\n                                \u003cdiv class=\\\"input-group input-group-lg\\\"\u003e\\n                                    \u003cspan class=\\\"input-group-text bg-yellow text-dark border-0\\\"\u003e這個階段的所有房租\u003c/span\u003e\\n                                    \u003cinput min=0 value=0 type=\\\"number\\\" class=\\\"form-control border-color-e9ecef\\\" aria-label=\\\"Sizing example input\\\" aria-describedby=\\\"inputGroup-sizing-lg\\\" readonly\u003e\\n                                \u003c/div\u003e\\n                            \u003c/div\u003e\\n                        \u003c/div\u003e\\n                    \u003c/div\u003e\\n                \u003c/div\u003e\\n            \u003c/div\u003e\\n            \u003cdiv class=\\\"row mt-2 p-4 pt-0 pb-0 d-flex justify-content-between\\\"\u003e\\n                \u003cdiv class=\\\"col-6\\\"\u003e\\n                    \u003cdiv class=\\\"row mb-3\\\"\u003e\\n                        \u003cdiv class=\\\"col-12\\\"\u003e\\n                            \u003cdiv class=\\\"input-group\\\"\u003e\\n                                \u003cselect class=\\\"form-select form-select-lg\\\" id=\\\"stock-select\\\"\u003e\\n                                    \u003coption selected disabled\u003e選擇要購買的股票\u003c/option\u003e\\n                                \u003c/select\u003e\\n                                \u003cbutton id=\\\"add-stock\\\" class=\\\"btn btn-lg btn-info col-2\\\"\u003e買入\u003c/button\u003e\\n                            \u003c/div\u003e\\n                        \u003c/div\u003e\\n                    \u003c/div\u003e\\n                    \u003cdiv id=\\\"stocklist\\\" class=\\\"row\\\"\u003e\u003c/div\u003e\\n                \u003c/div\u003e\\n                \u003cdiv class=\\\"col-6\\\"\u003e\\n                    \u003cdiv class=\\\"row mb-3\\\"\u003e\\n                        \u003cdiv class=\\\"col-12\\\"\u003e\\n                            \u003cdiv class=\\\"input-group\\\"\u003e\\n                                \u003cselect class=\\\"form-select form-select-lg\\\" id=\\\"house-select\\\"\u003e\\n                                    \u003coption selected disabled\u003e選擇要購買的房屋\u003c/option\u003e\\n                                \u003c/select\u003e\\n                                \u003cbutton id=\\\"add-house\\\" class=\\\"btn btn-lg btn-warning col-2\\\"\u003e買入\u003c/button\u003e\\n                            \u003c/div\u003e\\n                        \u003c/div\u003e\\n\\n                    \u003c/div\u003e\\n                    \u003cdiv id=\\\"houselist\\\" class=\\\"row\\\"\u003e\u003c/div\u003e\\n                \u003c/div\u003e\\n            \u003c/div\u003e\\n        \u003c/div\u003e\\n\\n        \u003c!-- Modal for confirmation --\u003e\\n        \u003cdiv class=\\\"modal fade\\\" id=\\\"deleteConfirmModal\\\" tabindex=\\\"-1\\\" aria-labelledby=\\\"deleteConfirmModalLabel\\\" aria-hidden=\\\"true\\\"\u003e\\n            \u003cdiv class=\\\"modal-dialog\\\"\u003e\\n                \u003cdiv class=\\\"modal-content\\\"\u003e\\n                    \u003cdiv class=\\\"modal-header\\\"\u003e\\n                        \u003ch5 class=\\\"modal-title\\\" id=\\\"deleteConfirmModalLabel\\\"\u003e賣出確認\u003c/h5\u003e\\n                        \u003cbutton type=\\\"button\\\" class=\\\"btn-close\\\" data-bs-dismiss=\\\"modal\\\" aria-label=\\\"Close\\\"\u003e\u003c/button\u003e\\n                    \u003c/div\u003e\\n                    \u003cdiv class=\\\"modal-body\\\"\u003e\\n                        \u003cdiv id=\\\"info1\\\"\u003e\u003c/div\u003e\\n                        \u003cdiv id=\\\"info2\\\"\u003e\u003c/div\u003e\\n                        \u003cdiv id=\\\"info3\\\"\u003e\u003c/div\u003e\\n                        \u003cdiv id=\\\"info4\\\" class=\\\"text-red\\\"\u003e\u003c/div\u003e\\n                        \u003cdiv id=\\\"info5\\\"\u003e\u003c/div\u003e\\n                    \u003c/div\u003e\\n                    \u003cdiv class=\\\"modal-footer\\\"\u003e\\n                        \u003cbutton type=\\\"button\\\" class=\\\"btn btn-secondary\\\" data-bs-dismiss=\\\"modal\\\"\u003e取消\u003c/button\u003e\\n                        \u003cbutton type=\\\"button\\\" class=\\\"btn btn-danger\\\" id=\\\"confirm-delete\\\"\u003e確認\u003c/button\u003e\\n                    \u003c/div\u003e\\n                \u003c/div\u003e\\n            \u003c/div\u003e\\n        \u003c/div\u003e\\n\\n        \u003cdiv class=\\\"modal fade\\\" id=\\\"resetConfirmModal\\\" tabindex=\\\"-1\\\" aria-labelledby=\\\"resetConfirmModalLabel\\\" aria-hidden=\\\"true\\\"\u003e\\n            \u003cdiv class=\\\"modal-dialog\\\"\u003e\\n                \u003cdiv class=\\\"modal-content\\\"\u003e\\n                    \u003cdiv class=\\\"modal-header\\\"\u003e\\n                        \u003ch5 class=\\\"modal-title\\\" id=\\\"resetConfirmModalLabel\\\"\u003e重新一局確認\u003c/h5\u003e\\n                        \u003cbutton type=\\\"button\\\" class=\\\"btn-close\\\" data-bs-dismiss=\\\"modal\\\" aria-label=\\\"Close\\\"\u003e\u003c/button\u003e\\n                    \u003c/div\u003e\\n                    \u003cdiv class=\\\"modal-body\\\"\u003e\\n                        您確定要重新一局嗎？此操作將清除所有資料。\\n                    \u003c/div\u003e\\n                    \u003cdiv class=\\\"modal-footer\\\"\u003e\\n                        \u003cbutton type=\\\"button\\\" class=\\\"btn btn-secondary\\\" data-bs-dismiss=\\\"modal\\\"\u003e取消\u003c/button\u003e\\n                        \u003cbutton type=\\\"button\\\" class=\\\"btn btn-danger\\\" id=\\\"confirm-reset\\\" disabled\u003e確認（3）\u003c/button\u003e\\n                    \u003c/div\u003e\\n                \u003c/div\u003e\\n            \u003c/div\u003e\\n        \u003c/div\u003e\\n\\n        \u003cdiv class=\\\"modal fade\\\" id=\\\"sellingRecordModal\\\" tabindex=\\\"-1\\\" aria-labelledby=\\\"sellingRecordModalLabel\\\" aria-hidden=\\\"true\\\"\u003e\\n            \u003cdiv class=\\\"modal-dialog\\\"\u003e\\n                \u003cdiv class=\\\"modal-content\\\"\u003e\\n                    \u003cdiv class=\\\"modal-header\\\"\u003e\\n                        \u003ch5 class=\\\"modal-title\\\" id=\\\"sellingRecordModalLabel\\\"\u003e賣出紀錄\u003c/h5\u003e\\n                        \u003cbutton type=\\\"button\\\" class=\\\"btn-close\\\" data-bs-dismiss=\\\"modal\\\" aria-label=\\\"Close\\\"\u003e\u003c/button\u003e\\n                    \u003c/div\u003e\\n                    \u003cdiv class=\\\"modal-body\\\"\u003e\\n                        \u003cdiv class=\\\"row p-3 pt-2\\\"\u003e\\n                            \u003ctable class=\\\"table text-center m-0\\\"\u003e\\n                                \u003cthead\u003e\\n                                    \u003ctr class=\\\"bg-eee\\\"\u003e\\n                                        \u003cth scope=\\\"col\\\"\u003e類型\u003c/th\u003e\\n                                        \u003cth scope=\\\"col\\\"\u003e編號\u003c/th\u003e\\n                                        \u003cth scope=\\\"col\\\"\u003e名稱\u003c/th\u003e\\n                                        \u003cth scope=\\\"col\\\"\u003e賣出\u003c/th\u003e\\n                                    \u003c/tr\u003e\\n                                \u003c/thead\u003e\\n                                \u003ctbody id=\\\"selllist\\\"\u003e\\n                                \u003c/tbody\u003e\\n                            \u003c/table\u003e\\n                            \u003cp class=\\\"p-0 pt-2\\\" style=\\\"font-size:0.8rem\\\"\u003e＊依照賣出順序由新到遠排序\u003c/p\u003e\\n                        \u003c/div\u003e\\n                    \u003c/div\u003e\\n                    \u003cdiv class=\\\"modal-footer\\\"\u003e\\n                        \u003cbutton type=\\\"button\\\" class=\\\"btn btn-secondary\\\" data-bs-dismiss=\\\"modal\\\"\u003e關閉\u003c/button\u003e\\n                    \u003c/div\u003e\\n                \u003c/div\u003e\\n            \u003c/div\u003e\\n        \u003c/div\u003e\\n\\n        \u003cdiv class=\\\"modal fade\\\" id=\\\"assetsDiceModal\\\" tabindex=\\\"-1\\\" aria-labelledby=\\\"assetsDiceModalLabel\\\" aria-hidden=\\\"true\\\"\u003e\\n            \u003cdiv class=\\\"modal-dialog modal-dialog-centered modal-80vw\\\"\u003e\\n                \u003cdiv class=\\\"modal-content\\\"\u003e\\n                    \u003cdiv class=\\\"modal-header\\\"\u003e\\n                        \u003ch5 class=\\\"modal-title\\\" id=\\\"assetsDiceModalLabel\\\"\u003e請點擊骰子開始擲骰\u003c/h5\u003e\\n                        \u003cbutton type=\\\"button\\\" class=\\\"btn-close\\\" data-bs-dismiss=\\\"modal\\\" aria-label=\\\"Close\\\"\u003e\u003c/button\u003e\\n                    \u003c/div\u003e\\n                    \u003cdiv class=\\\"modal-body modal-60vh\\\"\u003e\\n                        \u003cdiv class=\\\"dice-panel d-flex justify-content-center align-items-center\\\"\u003e\\n                            \u003cdiv id='dice1' class=\\\"dice dice-one\\\"\u003e\\n                                \u003cdiv id=\\\"dice-one-side-one\\\" class='side one'\u003e\\n                                    \u003cdiv class=\\\"dot one-1\\\"\u003e\u003c/div\u003e\\n                                \u003c/div\u003e\\n                                \u003cdiv id=\\\"dice-one-side-two\\\" class='side two'\u003e\\n                                    \u003cdiv class=\\\"dot two-1\\\"\u003e\u003c/div\u003e\\n                                    \u003cdiv class=\\\"dot two-2\\\"\u003e\u003c/div\u003e\\n                                \u003c/div\u003e\\n                                \u003cdiv id=\\\"dice-one-side-three\\\" class='side three'\u003e\\n                                    \u003cdiv class=\\\"dot three-1\\\"\u003e\u003c/div\u003e\\n                                    \u003cdiv class=\\\"dot three-2\\\"\u003e\u003c/div\u003e\\n                                    \u003cdiv class=\\\"dot three-3\\\"\u003e\u003c/div\u003e\\n                                \u003c/div\u003e\\n                                \u003cdiv id=\\\"dice-one-side-four\\\" class='side four'\u003e\\n                                    \u003cdiv class=\\\"dot four-1\\\"\u003e\u003c/div\u003e\\n                                    \u003cdiv class=\\\"dot four-2\\\"\u003e\u003c/div\u003e\\n                                    \u003cdiv class=\\\"dot four-3\\\"\u003e\u003c/div\u003e\\n                                    \u003cdiv class=\\\"dot four-4\\\"\u003e\u003c/div\u003e\\n                                \u003c/div\u003e\\n                                \u003cdiv id=\\\"dice-one-side-five\\\" class='side five'\u003e\\n                                    \u003cdiv class=\\\"dot five-1\\\"\u003e\u003c/div\u003e\\n                                    \u003cdiv class=\\\"dot five-2\\\"\u003e\u003c/div\u003e\\n                                    \u003cdiv class=\\\"dot five-3\\\"\u003e\u003c/div\u003e\\n                                    \u003cdiv class=\\\"dot five-4\\\"\u003e\u003c/div\u003e\\n                                    \u003cdiv class=\\\"dot five-5\\\"\u003e\u003c/div\u003e\\n                                \u003c/div\u003e\\n                                \u003cdiv id=\\\"dice-one-side-six\\\" class='side six'\u003e\\n                                    \u003cdiv class=\\\"dot six-1\\\"\u003e\u003c/div\u003e\\n                                    \u003cdiv class=\\\"dot six-2\\\"\u003e\u003c/div\u003e\\n                                    \u003cdiv class=\\\"dot six-3\\\"\u003e\u003c/div\u003e\\n                                    \u003cdiv class=\\\"dot six-4\\\"\u003e\u003c/div\u003e\\n                                    \u003cdiv class=\\\"dot six-5\\\"\u003e\u003c/div\u003e\\n                                    \u003cdiv class=\\\"dot six-6\\\"\u003e\u003c/div\u003e\\n                                \u003c/div\u003e\\n                            \u003c/div\u003e\\n                        \u003c/div\u003e\\n                    \u003c/div\u003e\\n                \u003c/div\u003e\\n            \u003c/div\u003e\\n        \u003c/div\u003e\\n\\n        \u003cdiv class=\\\"modal fade\\\" id=\\\"riskDiceModal\\\" tabindex=\\\"-1\\\" aria-labelledby=\\\"riskDiceModalLabel\\\" aria-hidden=\\\"true\\\"\u003e\\n            \u003cdiv class=\\\"modal-dialog modal-dialog-centered modal-80vw\\\"\u003e\\n                \u003cdiv class=\\\"modal-content\\\"\u003e\\n                    \u003cdiv class=\\\"modal-header\\\"\u003e\\n                        \u003ch5 class=\\\"modal-title\\\" id=\\\"riskDiceModalLabel\\\"\u003e請點擊骰子開始擲骰\u003c/h5\u003e\\n                        \u003cbutton type=\\\"button\\\" class=\\\"btn-close\\\" data-bs-dismiss=\\\"modal\\\" aria-label=\\\"Close\\\"\u003e\u003c/button\u003e\\n                    \u003c/div\u003e\\n                    \u003cdiv class=\\\"modal-body modal-60vh\\\"\u003e\\n                        \u003cdiv class=\\\"dice-panel d-flex justify-content-center align-items-center\\\"\u003e\\n                            \u003cdiv id='dice2' class=\\\"dice dice-two\\\"\u003e\\n                                \u003cdiv id=\\\"dice-two-side-one\\\" class='side one'\u003e\\n                                    \u003cdiv class=\\\"dot one-1\\\"\u003e\u003c/div\u003e\\n                                \u003c/div\u003e\\n                                \u003cdiv id=\\\"dice-two-side-two\\\" class='side two'\u003e\\n                                    \u003cdiv class=\\\"dot two-1\\\"\u003e\u003c/div\u003e\\n                                    \u003cdiv class=\\\"dot two-2\\\"\u003e\u003c/div\u003e\\n                                \u003c/div\u003e\\n                                \u003cdiv id=\\\"dice-two-side-three\\\" class='side three'\u003e\\n                                    \u003cdiv class=\\\"dot three-1\\\"\u003e\u003c/div\u003e\\n                                    \u003cdiv class=\\\"dot three-2\\\"\u003e\u003c/div\u003e\\n                                    \u003cdiv class=\\\"dot three-3\\\"\u003e\u003c/div\u003e\\n                                \u003c/div\u003e\\n                                \u003cdiv id=\\\"dice-two-side-four\\\" class='side four'\u003e\\n                                    \u003cdiv class=\\\"dot four-1\\\"\u003e\u003c/div\u003e\\n                                    \u003cdiv class=\\\"dot four-2\\\"\u003e\u003c/div\u003e\\n                                    \u003cdiv class=\\\"dot four-3\\\"\u003e\u003c/div\u003e\\n                                    \u003cdiv class=\\\"dot four-4\\\"\u003e\u003c/div\u003e\\n                                \u003c/div\u003e\\n                                \u003cdiv id=\\\"dice-two-side-five\\\" class='side five'\u003e\\n                                    \u003cdiv class=\\\"dot five-1\\\"\u003e\u003c/div\u003e\\n                                    \u003cdiv class=\\\"dot five-2\\\"\u003e\u003c/div\u003e\\n                                    \u003cdiv class=\\\"dot five-3\\\"\u003e\u003c/div\u003e\\n                                    \u003cdiv class=\\\"dot five-4\\\"\u003e\u003c/div\u003e\\n                                    \u003cdiv class=\\\"dot five-5\\\"\u003e\u003c/div\u003e\\n                                \u003c/div\u003e\\n                                \u003cdiv id=\\\"dice-two-side-six\\\" class='side six'\u003e\\n                                    \u003cdiv class=\\\"dot six-1\\\"\u003e\u003c/div\u003e\\n                                    \u003cdiv class=\\\"dot six-2\\\"\u003e\u003c/div\u003e\\n                                    \u003cdiv class=\\\"dot six-3\\\"\u003e\u003c/div\u003e\\n                                    \u003cdiv class=\\\"dot six-4\\\"\u003e\u003c/div\u003e\\n                                    \u003cdiv class=\\\"dot six-5\\\"\u003e\u003c/div\u003e\\n                                    \u003cdiv class=\\\"dot six-6\\\"\u003e\u003c/div\u003e\\n                                \u003c/div\u003e\\n                            \u003c/div\u003e\\n                        \u003c/div\u003e\\n                    \u003c/div\u003e\\n                \u003c/div\u003e\\n            \u003c/div\u003e\\n        \u003c/div\u003e\\n\\n\\n\\n\\n\\n    \u003c/div\u003e\\n    \u003cscript src=\\\"https://cdnjs.cloudflare.com/ajax/libs/js-cookie/2.2.1/js.cookie.min.js\\\"\u003e\u003c/script\u003e\\n    \u003cscript src=\\\"https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js\\\" integrity=\\\"sha512-v2CJ7UaYy4JwqLDIrZUI/4hqeoQieOmAZNXBeQyjo21dadnwR+8ZaIJVT8EE2iyI61OV8e6M8PP2/4hpQINQ/g==\\\" crossorigin=\\\"anonymous\\\" referrerpolicy=\\\"no-referrer\\\"\u003e\u003c/script\u003e\\n    \u003cscript src=\\\"https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js\\\" integrity=\\\"sha384-p34f1UUtsS3wqzfto5wAAmdvj+osOnFyQFpp4Ua3gs/ZVWx6oOypYoCJhGGScy+8\\\" crossorigin=\\\"anonymous\\\"\u003e\u003c/script\u003e\\n\u003c/body\u003e\\n\u003c/html\u003e\",\"css\":\"#assets-dice {\\n    color: #333;\\n    background-color: #f6c354;\\n    border-color: #f6c354;\\n}\\n\\n#assets-dice:hover, #assets-dice:focus, #assets-dice:active:hover, #assets-dice:disabled {\\n    color: #333;\\n    background-color: #daaf4c;\\n    border-color: #daaf4c;\\n}\\n\\n#risk-dice {\\n    color: #fff;\\n    background-color: #ec706f;\\n    border-color: #ec706f;\\n}\\n\\n#risk-dice:hover, #risk-dice:focus, #risk-dice:active:hover, #risk-dice:disabled {\\n    color: #fff;\\n    background-color: #cd6464;\\n    border-color: #cd6464;\\n}\\n\\n.btn-warning {\\n    color: #333;\\n    background-color: #ffdd5b;\\n    border-color: #ffdd5b;\\n}\\n\\n.btn-warning:hover, .btn-warning:focus, .btn-warning:active:hover, .btn-warning:disabled {\\n    color: #333;\\n    background-color: #d8bc4f;\\n    border-color: #d8bc4f;\\n}\\n\\n.text-warning {\\n    color: #ffdd5b;\\n}\\n\\n.btn-warning {\\n    color: #333;\\n    background-color: #ffdd5b;\\n    border-color: #ffdd5b;\\n}\\n\\n.btn-warning:hover, .btn-warning:focus, .btn-warning:active:hover, .btn-warning:disabled {\\n    color: #333;\\n    background-color: #d8bc4f;\\n    border-color: #d8bc4f;\\n}\\n\\n.text-info {\\n    color: #60b5ca;\\n}\\n\\n.btn-info {\\n    color: #fff;\\n    background-color: #60b5ca;\\n    border-color: #60b5ca;\\n}\\n.btn-info:hover, .btn-info:focus, .btn-info:active:hover, .btn-info:disabled {\\n    color: #fff;\\n    background-color: #57a5b9;\\n    border-color: #57a5b9;\\n}\\n\\n.bg-blue {\\n    background-color: #60b5ca;\\n}\\n\\n.bg-yellow {\\n    background-color: #ffdd5b;\\n}\\n\\n.bg-green {\\n    background-color: #019c94;\\n}\\n\\n\\nhtml {\\n    touch-action: manipulation;\\n}\\n\\nmeta[name=\\\"viewport\\\"] {\\n    user-scalable: no;\\n    maximum-scale: 1.0;\\n}\\n\\nbody {\\n    position: relative;\\n    width: 100vw;\\n    height: 100vh;\\n    overflow-x: hidden;\\n    background-color: #333;\\n}\\n\\n#content {\\n    display: none;\\n}\\n\\n#loading {\\n    display: inline-block;\\n    position: absolute;\\n    top: 50%;\\n    left: 50%;\\n    transform: translate(-50%, -50%);\\n}\\n\\n.h-10 {\\n    height: 10vh;\\n}\\n\\n.stock-card {\\n    border-top: 10px solid #60b5ca;\\n}\\n\\n.house-card {\\n    border-top: 10px solid #ffdd5b;\\n}\\n\\n#insurance-select, #save-select {\\n    color: red;\\n}\\n\\n.card-shadow {\\n    -webkit-box-shadow: inset 0px 0px 4px 3px rgba(0,0,0,0.46);\\n    -moz-box-shadow: inset 0px 0px 4px 3px rgba(0,0,0,0.46);\\n    box-shadow: inset 0px 0px 4px 3px rgba(0,0,0,0.46);\\n}\\n\\n.border-color-e9ecef {\\n    border-color: #e9ecef\\n}\\n\\n.text-red {\\n    color: red;\\n}\\n\\n\\n\\n\\n/* 123 */\\n\\n.modal-80vw {\\n    max-width: 80vw;\\n}\\n\\n.modal-60vh {\\n    height: 60vh;\\n}\\n\\n\\n\\n.dice-panel {\\n    height: 100%;\\n}\\n\\n.dice {\\n    position: relative;\\n    width: calc(40vh * 0.8);\\n    height: calc(40vh * 0.8);\\n    transform-style: preserve-3d;\\n    transition: transform 1s;\\n    cursor: pointer;\\n}\\n\\n.dot {\\n    position: absolute;\\n    width: calc(8vh * 0.8);\\n    height: calc(8vh * 0.8);\\n    margin: calc(-4vh * 0.8) calc(2vh * 0.8) calc(2vh * 0.8) calc(-4vh * 0.8);\\n    border-radius: 50%;\\n    background-color: #fff;\\n    box-shadow: inset 2px 2px #aaa;\\n}\\n\\n.dice-one {\\n    position: absolute;\\n}\\n\\n.dice-two {\\n    position: absolute;\\n}\\n\\n.dice-one .side {\\n    position: absolute;\\n    background-color: #f6c354;\\n    border-radius: 5px;\\n    width: calc(40vh * 0.8);\\n    height: calc(40vh * 0.8);\\n    border: 1px solid #e5e5e5;\\n    text-align: center;\\n    line-height: 2em;\\n}\\n\\n.dice-two .side {\\n    position: absolute;\\n    background-color: #ec706f;\\n    border-radius: 5px;\\n    width: calc(40vh * 0.8);\\n    height: calc(40vh * 0.8);\\n    border: 1px solid #e5e5e5;\\n    text-align: center;\\n    line-height: 2em;\\n}\\n\\n.side:nth-child(1) {\\n    transform: translateZ(calc(20vh * 0.8));\\n}\\n\\n.side:nth-child(6) {\\n    transform: rotateY(90deg) translateZ(calc(20vh * 0.8));\\n}\\n\\n.side:nth-child(3) {\\n    transform: rotateY(-90deg) translateZ(calc(20vh * 0.8));\\n}\\n\\n.side:nth-child(4) {\\n    transform: rotateX(90deg) translateZ(calc(20vh * 0.8));\\n}\\n\\n.side:nth-child(5) {\\n    transform: rotateX(-90deg) translateZ(calc(20vh * 0.8));\\n}\\n\\n.side:nth-child(2) {\\n    transform: rotateY(-180deg) translateZ(calc(20vh * 0.8));\\n}\\n/* \\n.show-1 {\\n    transform: rotateX(720deg) rotateZ(-720deg);\\n}\\n\\n.show-6 {\\n    transform: rotateX(720deg) rotateZ(-720deg);\\n    transform: rotateX(-900deg) rotateZ(1080deg);\\n}\\n\\n.show-3 {\\n    transform: rotateY(-450deg) rotateZ(-1440deg);\\n    transform: rotateX(720deg) rotateZ(-720deg);\\n}\\n\\n.show-4 {\\n    transform: rotateX(720deg) rotateZ(-720deg);\\n    transform: rotateY(810deg) rotateZ(720deg);\\n}\\n\\n.show-5 {\\n    transform: rotateX(720deg) rotateZ(-720deg);\\n    transform: rotateX(-810deg) rotateZ(-1080deg);\\n}\\n\\n.show-2 {\\n    transform: rotateX(720deg) rotateZ(-720deg);\\n    transform: rotateX(450deg) rotateZ(-720deg);\\n} */\\n\\n.show-1 {\\n  transform: rotateX(720deg) rotateZ(-720deg) rotateY(360deg); /* 2圈X, 2圈Z, 1圈Y */\\n}\\n\\n.show-2 {\\n  transform: rotateX(450deg) rotateZ(-720deg) rotateY(720deg); /* 1.25圈X, 2圈Z, 2圈Y */\\n}\\n\\n.show-3 {\\n  transform: rotateY(-450deg) rotateZ(-1440deg) rotateX(1080deg); /* -1.25圈Y, -4圈Z, 3圈X */\\n}\\n\\n.show-4 {\\n  transform: rotateY(810deg) rotateZ(720deg) rotateX(1080deg); /* 2.25圈Y, 2圈Z, 3圈X */\\n}\\n\\n.show-5 {\\n  transform: rotateX(-810deg) rotateZ(-1080deg) rotateY(1080deg); /* -2.25圈X, -3圈Z, 3圈Y */\\n}\\n\\n.show-6 {\\n  transform: rotateX(-900deg) rotateZ(1080deg) rotateY(1080deg); /* -2.5圈X, 3圈Z, 3圈Y */\\n}\\n\\n.two-1, .three-1, .four-1, .five-1, .six-1 {\\n    top: 20%;\\n    left: 20%;\\n}\\n\\n.four-3, .five-3, .six-4 {\\n    top: 20%;\\n    left: 80%;\\n}\\n\\n.one-1, .three-2, .five-5 {\\n    top: 50%;\\n    left: 50%;\\n}\\n\\n.four-2, .five-2, .six-3 {\\n    top: 80%;\\n    left: 20%;\\n}\\n\\n.two-2, .three-3, .four-4, .five-4, .six-6 {\\n    top: 80%;\\n    left: 80%;\\n}\\n\\n.six-2 {\\n    top: 50%;\\n    left: 20%;\\n}\\n\\n.six-5 {\\n    top: 50%;\\n    left: 80%;\\n}\\n\\n.star {\\n    width: 5vw;\\n    height: auto;\\n    position: absolute;\\n    bottom: 50px;\\n    right: 50px;\\n    cursor: default;\\n    /* 初始為默認游標 */\\n    z-index: 999;\\n    object-fit: cover;\\n    border-radius: 50%;\\n    border: 2px #ffffff solid;\\n    padding: 2px;\\n    box-shadow: 0 0 4px rgba(255, 255, 255, 0.5);\\n    /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1), 0 6px 20px rgba(0, 0, 0, 0.1); */\\n}\\n\\n.table\u003e:not(:last-child)\u003e:last-child\u003e*, th, td {\\n  border: 1px solid #ddd;\\n}\\n\\n.bg-eee {\\n    background-color: #eee;\\n}\",\"js\":\"$(document).ready(function() {\\n\\n    // 預先載入 MP3 文件\\n    var selectGameStageSound = new Audio('select_game_stage.mp3');\\n    selectGameStageSound.load(); // 預先加載音頻\\n\\n    // 預先載入 MP3 文件\\n    var selectInsuranceStageSound = new Audio('select_insurance_stage.mp3');\\n    selectInsuranceStageSound.load(); // 預先加載音頻\\n\\n    // 預先載入 MP3 文件\\n    var selectStockStageSound = new Audio('select_stock_stage.mp3');\\n    selectStockStageSound.load(); // 預先加載音頻\\n\\n    // 預先載入 MP3 文件\\n    var selectHouseStageSound = new Audio('select_house_stage.mp3');\\n    selectHouseStageSound.load(); // 預先加載音頻\\n\\n    // 預先載入 MP3 文件\\n    var selectSaveSound = new Audio('select_save.mp3');\\n    selectSaveSound.load(); // 預先加載音頻\\n\\n    // 預先載入 MP3 文件\\n    var buyStockSound = new Audio('buy_stock.mp3');\\n    buyStockSound.load(); // 預先加載音頻\\n\\n    // 預先載入 MP3 文件\\n    var buyHouseSound = new Audio('buy_house.mp3');\\n    buyHouseSound.load(); // 預先加載音頻\\n\\n    // 預先載入 MP3 文件\\n    var sellStockSound = new Audio('sell_stock.mp3');\\n    sellStockSound.load(); // 預先加載音頻\\n\\n    // 預先載入 MP3 文件\\n    var sellHouseSound = new Audio('sell_house.mp3');\\n    sellHouseSound.load(); // 預先加載音頻\\n\\n    // 預先載入 MP3 文件\\n    var diceSound = new Audio('dice.mp3');\\n    diceSound.load(); // 預先加載音頻\\n\\n    var isDropdownOpen = false;\\n    // 獲取當前頁面的 URL\\n    const urlParams = new URLSearchParams(window.location.search);\\n\\n    // 獲取特定的查詢參數，例如 'name'\\n    const name = urlParams.get('name');\\n\\n    console.log(name); // 輸出查詢參數 'name' 的值\\n\\n    // 隱藏內容並顯示加載中\\n    $('#content').hide();\\n    $('#loading').show();\\n\\n    setTimeout(function() {\\n        $('#content').show();\\n        $('#loading').hide();\\n    }, 1000);\\n\\n    // 遊戲回合選項列表\\n    var gameList = [\\n        \\\"📍 第 1 回合：遊戲開始\\\",\\n        \\\"📍 第 2 回合\\\",\\n        \\\"📍 第 3 回合\\\",\\n        \\\"🔔 第 4 回合\\\",\\n        \\\"🔔 第 5 回合：發放房屋租金 🏠\\\",\\n        \\\"📍 第 6 回合：發放股票利息 📈\\\",\\n        \\\"🔔 第 7 回合\\\",\\n        \\\"📍 第 8 回合：發放儲蓄利息 🏦\\\",\\n        \\\"🔔 第 9 回合\\\",\\n        \\\"📍 第 10 回合：發放房屋租金 🏠\\\",\\n        \\\"🔔 第 11 回合\\\",\\n        \\\"📍 第 12 回合：發放股票利息 📈\\\",\\n        \\\"📍 第 13 回合\\\",\\n        \\\"🔔 第 14 回合\\\",\\n        \\\"🔔 第 15 回合：發放房屋租金 🏠\\\",\\n        \\\"📍 第 16 回合：發放儲蓄利息 🏦\\\"\\n    ];\\n\\n    // 儲蓄選項列表\\n    var saveList = [\\n        \\\"儲蓄：利率 10% / 已存入 500 元 / 利息 50 元\\\",\\n        \\\"儲蓄：利率 10% / 已存入 1000 元 / 利息 100 元\\\",\\n        \\\"儲蓄：利率 10% / 已存入 1500 元 / 利息 150 元\\\",\\n        \\\"儲蓄：利率 10% / 已存入 2000 元 / 利息 200 元\\\",\\n        \\\"儲蓄：利率 10% / 已存入 2500 元 / 利息 250 元\\\",\\n        \\\"儲蓄：利率 10% / 已存入 3000 元 / 利息 300 元\\\",\\n        \\\"儲蓄：利率 10% / 已存入 3500 元 / 利息 350 元\\\",\\n        \\\"儲蓄：利率 10% / 已存入 4000 元 / 利息 400 元\\\",\\n        \\\"儲蓄：利率 10% / 已存入 4500 元 / 利息 450 元\\\",\\n        \\\"儲蓄：利率 10% / 已存入 5000 元 / 利息 500 元\\\",\\n        \\\"儲蓄：利率 10% / 已存入 5500 元 / 利息 550 元\\\",\\n        \\\"儲蓄：利率 10% / 已存入 6000 元 / 利息 600 元\\\",\\n        \\\"儲蓄：利率 10% / 已存入 6500 元 / 利息 650 元\\\",\\n        \\\"儲蓄：利率 10% / 已存入 7000 元 / 利息 700 元\\\",\\n        \\\"儲蓄：利率 10% / 已存入 7500 元 / 利息 750 元\\\",\\n        \\\"儲蓄：利率 10% / 已存入 8000 元 / 利息 800 元\\\",\\n        \\\"儲蓄：利率 10% / 已存入 8500 元 / 利息 850 元\\\",\\n        \\\"儲蓄：利率 10% / 已存入 9000 元 / 利息 900 元\\\",\\n        \\\"儲蓄：利率 10% / 已存入 9500 元 / 利息 950 元\\\",\\n        \\\"儲蓄：利率 10% / 已存入 10000 元 / 利息 1000 元\\\",\\n        \\\"儲蓄：利率 10% / 已存入 10500 元 / 利息 1050 元\\\",\\n        \\\"儲蓄：利率 10% / 已存入 11000 元 / 利息 1100 元\\\",\\n        \\\"儲蓄：利率 10% / 已存入 11500 元 / 利息 1150 元\\\",\\n        \\\"儲蓄：利率 10% / 已存入 12000 元 / 利息 1200 元\\\",\\n        \\\"儲蓄：利率 10% / 已存入 12500 元 / 利息 1250 元\\\",\\n        \\\"儲蓄：利率 10% / 已存入 13000 元 / 利息 1300 元\\\",\\n        \\\"儲蓄：利率 10% / 已存入 13500 元 / 利息 1350 元\\\",\\n        \\\"儲蓄：利率 10% / 已存入 14000 元 / 利息 1400 元\\\",\\n        \\\"儲蓄：利率 10% / 已存入 14500 元 / 利息 1450 元\\\",\\n        \\\"儲蓄：利率 10% / 已存入 15000 元 / 利息 1500 元\\\",\\n        \\\"儲蓄：利率 10% / 已存入 15500 元 / 利息 1550 元\\\",\\n        \\\"儲蓄：利率 10% / 已存入 16000 元 / 利息 1600 元\\\",\\n        \\\"儲蓄：利率 10% / 已存入 16500 元 / 利息 1650 元\\\",\\n        \\\"儲蓄：利率 10% / 已存入 17000 元 / 利息 1700 元\\\",\\n        \\\"儲蓄：利率 10% / 已存入 17500 元 / 利息 1750 元\\\",\\n        \\\"儲蓄：利率 10% / 已存入 18000 元 / 利息 1800 元\\\",\\n        \\\"儲蓄：利率 10% / 已存入 18500 元 / 利息 1850 元\\\",\\n        \\\"儲蓄：利率 10% / 已存入 19000 元 / 利息 1900 元\\\",\\n        \\\"儲蓄：利率 10% / 已存入 19500 元 / 利息 1950 元\\\",\\n        \\\"儲蓄：利率 10% / 已存入 20000 元 / 利息 2000 元\\\",\\n        \\\"儲蓄：利率 10% / 已存入 20500 元 / 利息 2050 元\\\",\\n        \\\"儲蓄：利率 10% / 已存入 21000 元 / 利息 2100 元\\\",\\n        \\\"儲蓄：利率 10% / 已存入 21500 元 / 利息 2150 元\\\",\\n        \\\"儲蓄：利率 10% / 已存入 22000 元 / 利息 2200 元\\\",\\n        \\\"儲蓄：利率 10% / 已存入 22500 元 / 利息 2250 元\\\",\\n        \\\"儲蓄：利率 10% / 已存入 23000 元 / 利息 2300 元\\\",\\n        \\\"儲蓄：利率 10% / 已存入 23500 元 / 利息 2350 元\\\",\\n        \\\"儲蓄：利率 10% / 已存入 24000 元 / 利息 2400 元\\\",\\n        \\\"儲蓄：利率 10% / 已存入 24500 元 / 利息 2450 元\\\",\\n        \\\"儲蓄：利率 10% / 已存入 25000 元 / 利息 2500 元\\\",\\n        \\\"儲蓄：利率 10% / 已存入 25500 元 / 利息 2550 元\\\",\\n        \\\"儲蓄：利率 10% / 已存入 26000 元 / 利息 2600 元\\\",\\n        \\\"儲蓄：利率 10% / 已存入 26500 元 / 利息 2650 元\\\",\\n        \\\"儲蓄：利率 10% / 已存入 27000 元 / 利息 2700 元\\\",\\n        \\\"儲蓄：利率 10% / 已存入 27500 元 / 利息 2750 元\\\",\\n        \\\"儲蓄：利率 10% / 已存入 28000 元 / 利息 2800 元\\\",\\n        \\\"儲蓄：利率 10% / 已存入 28500 元 / 利息 2850 元\\\",\\n        \\\"儲蓄：利率 10% / 已存入 29000 元 / 利息 2900 元\\\",\\n        \\\"儲蓄：利率 10% / 已存入 29500 元 / 利息 2950 元\\\",\\n        \\\"儲蓄：利率 10% / 已存入 30000 元 / 利息 3000 元\\\"\\n    ];\\n\\n\\n    // 保險選項列表\\n    var insuranceList = [\\n        \\\"保險：目前有 1 張保險卡\\\",\\n        \\\"保險：目前有 2 張保險卡\\\",\\n        \\\"保險：目前有 3 張保險卡\\\",\\n        \\\"保險：目前有 4 張保險卡\\\",\\n        \\\"保險：目前有 5 張保險卡\\\",\\n        \\\"保險：目前有 6 張保險卡\\\",\\n        \\\"保險：目前有 7 張保險卡\\\",\\n        \\\"保險：目前有 8 張保險卡\\\",\\n        \\\"保險：目前有 9 張保險卡\\\",\\n        \\\"保險：目前有 10 張保險卡\\\"\\n    ];\\n\\n    // 股票和房屋階段列表\\n    var stockRounds = [\\n        \\\"股票：第 5 階段 / 價格 +1000  / 股利 +250\\\",\\n        \\\"股票：第 4 階段 / 價格 +800  / 股利 +200\\\",\\n        \\\"股票：第 3 階段 / 價格 +600  / 股利 +150\\\",\\n        \\\"股票：第 2 階段 / 價格 +400  / 股利 +100\\\",\\n        \\\"股票：第 1 階段 / 價格 +200  / 股利 +50\\\",\\n        \\\"股票：第 0 階段 / 價格 +0  / 股利 +0\\\",\\n        \\\"股票：第 -1 階段 / 價格 -200  / 股利 -50\\\",\\n        \\\"股票：第 -2 階段 / 價格 -400  / 股利 -100\\\",\\n        \\\"股票：第 -3 階段 / 價格 -600  / 股利 -150\\\",\\n        \\\"股票：第 -4 階段 / 價格 -800  / 股利 -200\\\",\\n        \\\"股票：第 -5 階段 / 價格 -1000  / 股利 -250\\\"\\n    ];\\n\\n    var houseRounds = [\\n        \\\"房屋：第 5 階段 / 價格 +1000\\\",\\n        \\\"房屋：第 4 階段 / 價格 +800\\\",\\n        \\\"房屋：第 3 階段 / 價格 +600\\\",\\n        \\\"房屋：第 2 階段 / 價格 +400\\\",\\n        \\\"房屋：第 1 階段 / 價格 +200\\\",\\n        \\\"房屋：第 0 階段 / 價格 +0\\\",\\n        \\\"房屋：第 -1 階段 / 價格 -200\\\",\\n        \\\"房屋：第 -2 階段 / 價格 -400\\\",\\n        \\\"房屋：第 -3 階段 / 價格 -600\\\",\\n        \\\"房屋：第 -4 階段 / 價格 -800\\\",\\n        \\\"房屋：第 -5 階段 / 價格 -1000\\\"\\n    ];\\n\\n    // 股票和房屋數據\\n    var stocksData = [{\\n        id: \\\"S1\\\", name: \\\"船運業\\\", buyPrice: 1000, sellPrice: 1000, dividend: 100\\n    },\\n        {\\n            id: \\\"S2\\\", name: \\\"能源企業\\\", buyPrice: 1000, sellPrice: 1000, dividend: 150\\n        },\\n        {\\n            id: \\\"S3\\\", name: \\\"銀行業\\\", buyPrice: 1100, sellPrice: 1100, dividend: 150\\n        },\\n        {\\n            id: \\\"S4\\\", name: \\\"製藥公司\\\", buyPrice: 1200, sellPrice: 1200, dividend: 100\\n        },\\n        {\\n            id: \\\"S5\\\", name: \\\"航空公司\\\", buyPrice: 1300, sellPrice: 1300, dividend: 150\\n        },\\n        {\\n            id: \\\"S6\\\", name: \\\"金礦業\\\", buyPrice: 1300, sellPrice: 1300, dividend: 200\\n        },\\n        {\\n            id: \\\"S7\\\", name: \\\"食品加工業\\\", buyPrice: 1100, sellPrice: 1100, dividend: 150\\n        },\\n        {\\n            id: \\\"S8\\\", name: \\\"汽車製造商\\\", buyPrice: 1500, sellPrice: 1500, dividend: 150\\n        },\\n        {\\n            id: \\\"S9\\\", name: \\\"消費品巨頭\\\", buyPrice: 1500, sellPrice: 1500, dividend: 200\\n        },\\n        {\\n            id: \\\"S10\\\", name: \\\"教育科技\\\", buyPrice: 1600, sellPrice: 1600, dividend: 200\\n        },\\n        {\\n            id: \\\"S11\\\", name: \\\"醫療科技\\\", buyPrice: 1700, sellPrice: 1700, dividend: 250\\n        },\\n        {\\n            id: \\\"S12\\\", name: \\\"科技巨頭\\\", buyPrice: 1700, sellPrice: 1700, dividend: 250\\n        },\\n        {\\n            id: \\\"S13\\\", name: \\\"綠色能源\\\", buyPrice: 1800, sellPrice: 1800, dividend: 150\\n        },\\n        {\\n            id: \\\"S14\\\", name: \\\"娛樂產業\\\", buyPrice: 1800, sellPrice: 1800, dividend: 250\\n        },\\n        {\\n            id: \\\"S15\\\", name: \\\"太陽能科技\\\", buyPrice: 1800, sellPrice: 1800, dividend: 200\\n        },\\n        {\\n            id: \\\"S16\\\", name: \\\"網際網路\\\", buyPrice: 1900, sellPrice: 1900, dividend: 250\\n        },\\n        {\\n            id: \\\"S17\\\", name: \\\"石油開採\\\", buyPrice: 1900, sellPrice: 1900, dividend: 250\\n        },\\n        {\\n            id: \\\"S18\\\", name: \\\"人工智慧\\\", buyPrice: 2000, sellPrice: 2000, dividend: 300\\n        },\\n        {\\n            id: \\\"S19\\\", name: \\\"電子科技\\\", buyPrice: 1100, sellPrice: 1100, dividend: 150\\n        },\\n        {\\n            id: \\\"S20\\\", name: \\\"物流管理\\\", buyPrice: 1100, sellPrice: 1100, dividend: 200\\n        },\\n        {\\n            id: \\\"S21\\\", name: \\\"水資源管理\\\", buyPrice: 1200, sellPrice: 1200, dividend: 150\\n        },\\n        {\\n            id: \\\"S22\\\", name: \\\"新興市場\\\", buyPrice: 2000, sellPrice: 2000, dividend: 200\\n        },\\n        {\\n            id: \\\"S23\\\", name: \\\"生物科技\\\", buyPrice: 1200, sellPrice: 1200, dividend: 150\\n        },\\n        {\\n            id: \\\"S24\\\", name: \\\"電動車製造\\\", buyPrice: 1400, sellPrice: 1400, dividend: 150\\n        },\\n        {\\n            id: \\\"S25\\\", name: \\\"金融科技\\\", buyPrice: 1400, sellPrice: 1400, dividend: 300\\n        },\\n        {\\n            id: \\\"S26\\\", name: \\\"生態旅遊\\\", buyPrice: 1500, sellPrice: 1500, dividend: 100\\n        },\\n        {\\n            id: \\\"S27\\\", name: \\\"健康產業\\\", buyPrice: 1600, sellPrice: 1600, dividend: 200\\n        },\\n        {\\n            id: \\\"S28\\\", name: \\\"綠色建築\\\", buyPrice: 1600, sellPrice: 1600, dividend: 250\\n        },\\n        {\\n            id: \\\"S29\\\", name: \\\"資訊安全\\\", buyPrice: 1700, sellPrice: 1700, dividend: 300\\n        },\\n        {\\n            id: \\\"S30\\\", name: \\\"食品科技\\\", buyPrice: 1700, sellPrice: 1700, dividend: 200\\n        },\\n        {\\n            id: \\\"S31\\\", name: \\\"地球科學\\\", buyPrice: 1800, sellPrice: 1800, dividend: 200\\n        },\\n        {\\n            id: \\\"S32\\\", name: \\\"文化創意產業\\\", buyPrice: 1800, sellPrice: 1800, dividend: 250\\n        },\\n        {\\n            id: \\\"S33\\\", name: \\\"海洋科技\\\", buyPrice: 1900, sellPrice: 1900, dividend: 300\\n        },\\n        {\\n            id: \\\"S34\\\", name: \\\"空氣品質科技\\\", buyPrice: 1900, sellPrice: 1900, dividend: 250\\n        },\\n        {\\n            id: \\\"S35\\\", name: \\\"電子商務\\\", buyPrice: 2000, sellPrice: 2000, dividend: 300\\n        },\\n        {\\n            id: \\\"S36\\\", name: \\\"環保科技\\\", buyPrice: 2000, sellPrice: 2000, dividend: 400\\n        }];\\n\\n    var housesData = [{\\n        id: \\\"H1\\\", name: \\\"村莊小屋\\\", buyPrice: 3500, sellPrice: 3500, rent: 400\\n    },\\n        {\\n            id: \\\"H2\\\", name: \\\"山區度假屋\\\", buyPrice: 3600, sellPrice: 3600, rent: 300\\n        },\\n        {\\n            id: \\\"H3\\\", name: \\\"河畔房屋\\\", buyPrice: 3700, sellPrice: 3700, rent: 250\\n        },\\n        {\\n            id: \\\"H4\\\", name: \\\"湖畔房屋\\\", buyPrice: 3800, sellPrice: 3800, rent: 350\\n        },\\n        {\\n            id: \\\"H5\\\", name: \\\"度假山屋\\\", buyPrice: 3900, sellPrice: 3900, rent: 350\\n        },\\n        {\\n            id: \\\"H6\\\", name: \\\"市中心公寓\\\", buyPrice: 4000, sellPrice: 4000, rent: 400\\n        },\\n        {\\n            id: \\\"H7\\\", name: \\\"湖景公寓\\\", buyPrice: 4100, sellPrice: 4100, rent: 400\\n        },\\n        {\\n            id: \\\"H8\\\", name: \\\"城市公寓\\\", buyPrice: 4200, sellPrice: 4200, rent: 350\\n        },\\n        {\\n            id: \\\"H9\\\", name: \\\"郊區別墅\\\", buyPrice: 4300, sellPrice: 4300, rent: 450\\n        },\\n        {\\n            id: \\\"H10\\\", name: \\\"現代都市套房\\\", buyPrice: 4300, sellPrice: 4300, rent: 450\\n        },\\n        {\\n            id: \\\"H11\\\", name: \\\"高級公寓\\\", buyPrice: 4400, sellPrice: 4400, rent: 500\\n        },\\n        {\\n            id: \\\"H12\\\", name: \\\"海濱別墅\\\", buyPrice: 4500, sellPrice: 4500, rent: 400\\n        },\\n        {\\n            id: \\\"H13\\\", name: \\\"高級套房\\\", buyPrice: 4600, sellPrice: 4600, rent: 450\\n        },\\n        {\\n            id: \\\"H14\\\", name: \\\"山坡別墅\\\", buyPrice: 4600, sellPrice: 4600, rent: 500\\n        },\\n        {\\n            id: \\\"H15\\\", name: \\\"度假別墅\\\", buyPrice: 4700, sellPrice: 4700, rent: 450\\n        },\\n        {\\n            id: \\\"H16\\\", name: \\\"景觀公寓\\\", buyPrice: 4800, sellPrice: 4800, rent: 600\\n        },\\n        {\\n            id: \\\"H17\\\", name: \\\"古老莊園\\\", buyPrice: 4900, sellPrice: 4900, rent: 550\\n        },\\n        {\\n            id: \\\"H18\\\", name: \\\"別墅區豪宅\\\", buyPrice: 5000, sellPrice: 5000, rent: 550\\n        },\\n        {\\n            id: \\\"H19\\\", name: \\\"河畔豪宅\\\", buyPrice: 5100, sellPrice: 5100, rent: 650\\n        },\\n        {\\n            id: \\\"H20\\\", name: \\\"海灘別墅\\\", buyPrice: 5200, sellPrice: 5200, rent: 600\\n        }];\\n\\n    var selectedStocks = [];\\n    var selectedHouses = [];\\n    var sellingRecords = [];\\n\\n    // 變量用於儲存要刪除的索引\\n    let stockIdxToDelete = null;\\n    let houseIdxToDelete = null;\\n\\n    // 初始化選擇元素\\n    var selectGame = $('#game-select');\\n    var selectSave = $('#save-select');\\n    var selectInsurance = $('#insurance-select');\\n    var selectStockRound = $('#stock-round-select');\\n    var selectHouseRound = $('#house-round-select');\\n    var selectStock = $('#stock-select');\\n    var selectHouse = $('#house-select');\\n\\n    // 填充儲蓄選項\\n    // 添加預設選項\\n    selectGame.append($('\u003coption\u003e', {\\n        value: '0',\\n        text: '選擇遊戲回合'\\n    }));\\n    $.each(gameList, function(index, round) {\\n        selectGame.append($('\u003coption\u003e', {\\n            value: index + 1,\\n            text: round\\n        }));\\n    });\\n\\n    // 播放音效\\n    selectGame.on('mousedown', function() {\\n        selectGameStageSound.currentTime = 0;\\n        isDropdownOpen = true;\\n    });\\n\\n    selectGame.on('change', function() {\\n        if (isDropdownOpen) {\\n            selectGameStageSound.play();\\n            isDropdownOpen = false;\\n        }\\n    });\\n\\n    // 恢復選擇的儲蓄階段\\n    var savedGameRound = localStorage.getItem('saveGame');\\n    if (savedGameRound) {\\n        selectGame.val(savedGameRound);\\n    } else {\\n        selectGame.val('0'); // 預設值\\n    }\\n\\n    // 監聽儲蓄階段的變更並儲存到 localStorage\\n    selectGame.change(function() {\\n        localStorage.setItem('saveGame', $(this).val());\\n    });\\n\\n    // 填充儲蓄選項\\n    // 添加預設選項\\n    selectSave.append($('\u003coption\u003e', {\\n        value: '0',\\n        text: '儲蓄：利率 10% / 已存入 0 元 / 利息 0 元'\\n    }));\\n    $.each(saveList, function(index, round) {\\n        selectSave.append($('\u003coption\u003e', {\\n            value: index + 1,\\n            text: round\\n        }));\\n    });\\n\\n    // 恢復選擇的儲蓄階段\\n    var savedSaveRound = localStorage.getItem('saveRound');\\n    if (savedSaveRound) {\\n        selectSave.val(savedSaveRound);\\n    } else {\\n        selectSave.val('0'); // 預設值\\n    }\\n\\n    // 監聽儲蓄階段的變更並儲存到 localStorage\\n    selectSave.change(function() {\\n        localStorage.setItem('saveRound', $(this).val());\\n        updateAssetsExcludingCash();\\n    });\\n\\n    // 播放音效\\n    selectSave.on('mousedown', function() {\\n        selectSaveSound.currentTime = 0;\\n        isDropdownOpen = true;\\n    });\\n\\n    selectSave.on('change', function() {\\n        if (isDropdownOpen) {\\n            selectSaveSound.play();\\n            isDropdownOpen = false;\\n        }\\n    });\\n\\n    // 填充保險選項\\n    // 添加預設選項\\n    selectInsurance.append($('\u003coption\u003e', {\\n        value: '0',\\n        text: '保險：目前有 0 張保險卡'\\n    }));\\n    $.each(insuranceList, function(index, round) {\\n        selectInsurance.append($('\u003coption\u003e', {\\n            value: index + 1,\\n            text: round\\n        }));\\n    });\\n\\n    // 恢復選擇的保險階段\\n    var savedInsuranceRound = localStorage.getItem('insuranceRound');\\n    if (savedInsuranceRound) {\\n        selectInsurance.val(savedInsuranceRound);\\n    } else {\\n        selectInsurance.val('0'); // 預設值\\n    }\\n\\n    // 監聽保險階段的變更並儲存到 localStorage\\n    selectInsurance.change(function() {\\n        localStorage.setItem('insuranceRound', $(this).val());\\n    });\\n\\n    // 播放音效\\n    selectInsurance.on('mousedown', function() {\\n        selectInsuranceStageSound.currentTime = 0;\\n        isDropdownOpen = true;\\n    });\\n\\n    selectInsurance.on('change', function() {\\n        if (isDropdownOpen) {\\n            selectInsuranceStageSound.play();\\n            isDropdownOpen = false;\\n        }\\n    });\\n\\n    // 填充股票階段選項\\n    // 添加預設選項\\n    selectStockRound.append($('\u003coption\u003e', {\\n        value: '0',\\n        text: '選擇股票階段'\\n    }));\\n    $.each(stockRounds, function(index, round) {\\n        selectStockRound.append($('\u003coption\u003e', {\\n            value: index + 1,\\n            text: round\\n        }));\\n    });\\n\\n    // 恢復選擇的股票階段\\n    var savedStockRound = localStorage.getItem('stockRound');\\n    if (savedStockRound) {\\n        selectStockRound.val(savedStockRound);\\n    } else {\\n        selectStockRound.val('6'); // 預設值\\n    }\\n\\n    // 監聽股票階段的變更並更新股票價格\\n    selectStockRound.change(function() {\\n        localStorage.setItem('stockRound', $(this).val());\\n        updateStockSellPrices();\\n        updateStockList();\\n        saveStockList();\\n        updateTotalDividends();\\n        updateAssetsExcludingCash();\\n    });\\n\\n    // 播放音效\\n    selectStockRound.on('mousedown', function() {\\n        selectStockStageSound.currentTime = 0;\\n        isDropdownOpen = true;\\n    });\\n\\n    selectStockRound.on('change', function() {\\n        if (isDropdownOpen) {\\n            selectStockStageSound.play();\\n            isDropdownOpen = false;\\n        }\\n    });\\n\\n    // 填充房屋階段選項\\n    // 添加預設選項\\n    selectHouseRound.append($('\u003coption\u003e', {\\n        value: '0',\\n        text: '選擇房屋階段'\\n    }));\\n    $.each(houseRounds, function(index, round) {\\n        selectHouseRound.append($('\u003coption\u003e', {\\n            value: index + 1,\\n            text: round\\n        }));\\n    });\\n\\n    // 恢復選擇的房屋階段\\n    var savedHouseRound = localStorage.getItem('houseRound');\\n    if (savedHouseRound) {\\n        selectHouseRound.val(savedHouseRound);\\n    } else {\\n        selectHouseRound.val('6'); // 預設值\\n    }\\n\\n    // 監聽房屋階段的變更並更新房屋價格\\n    selectHouseRound.change(function() {\\n        localStorage.setItem('houseRound', $(this).val());\\n        updateHouseSellPrices();\\n        updateHouseList();\\n        saveHouseList();\\n        updateTotalRent();\\n        updateAssetsExcludingCash();\\n    });\\n\\n    // 播放音效\\n    selectHouseRound.on('mousedown', function() {\\n        selectHouseStageSound.currentTime = 0;\\n        isDropdownOpen = true;\\n    });\\n\\n    selectHouseRound.on('change', function() {\\n        if (isDropdownOpen) {\\n            selectHouseStageSound.play();\\n            isDropdownOpen = false;\\n        }\\n    });\\n\\n    // 填充股票選項\\n    // 添加預設選項\\n    selectStock.append($('\u003coption\u003e', {\\n        value: '0',\\n        text: '選擇要購買的股票'\\n    }));\\n    $.each(stocksData, function(index, stock) {\\n        var optionText = stock.id + \\\" \\\" + stock.name;\\n        selectStock.append($('\u003coption\u003e', {\\n            value: index + 1,\\n            text: optionText\\n        }));\\n    });\\n\\n    // 監聽股票選擇\\n    selectStock.change(function() {\\n        $('#add-stock').prop('disabled', false);\\n    });\\n\\n    // 填充房屋選項\\n    // 添加預設選項\\n    selectHouse.append($('\u003coption\u003e', {\\n        value: '0',\\n        text: '選擇要購買的房屋'\\n    }));\\n    $.each(housesData, function(index, house) {\\n        var optionText = house.id + \\\" \\\" + house.name;\\n        selectHouse.append($('\u003coption\u003e', {\\n            value: index + 1,\\n            text: optionText\\n        }));\\n    });\\n\\n    // 監聽房屋選擇\\n    selectHouse.change(function() {\\n        $('#add-house').prop('disabled', false);\\n    });\\n\\n    // 加載已保存的列表\\n    loadLists();\\n\\n    // 添加股票的事件處理程序\\n    $('#add-stock').click(function () {\\n        var selectedTask = $('#stock-select').val();\\n        if (selectedTask \u0026\u0026 selectedTask !== '0') {\\n            var stock = stocksData[selectedTask - 1];\\n            selectedStocks.push({\\n                ...stock\\n            }); // 深拷貝股票對象\\n            updateStockSellPrices();\\n            updateStockList();\\n            saveStockList();\\n            updateTotalDividends();\\n            updateAssetsExcludingCash();\\n            buyStockSound.currentTime = 0;\\n            buyStockSound.play();\\n        } else {\\n            alert(\\\"請選擇要新增的股票！\\\");\\n        }\\n        $('#stock-select').val('0'); // 重置為預設值\\n    });\\n\\n    // 添加房屋的事件處理程序\\n    $('#add-house').click(function () {\\n        var selectedHouse = $('#house-select').val();\\n        if (selectedHouse \u0026\u0026 selectedHouse !== '0') {\\n            var house = housesData[selectedHouse - 1];\\n            selectedHouses.push({\\n                ...house\\n            }); // 深拷貝房屋對象\\n            updateHouseSellPrices();\\n            updateHouseList();\\n            saveHouseList();\\n            updateTotalRent();\\n            updateAssetsExcludingCash();\\n            buyHouseSound.currentTime = 0;\\n            buyHouseSound.play();\\n        } else {\\n            alert(\\\"請選擇要新增的房屋！\\\");\\n        }\\n        $('#house-select').val('0'); // 重置為預設值\\n    });\\n\\n    // 刪除股票的事件處理程序\\n    $('#stocklist').on('click', '.delete-task', function () {\\n        stockIdxToDelete = $(this).data('index');\\n        var stock = selectedStocks[stockIdxToDelete];\\n        var selectedValue = selectStockRound.val();\\n        var now_stockRound_info = stockRounds[selectedValue - 1];\\n        var priceMatch = now_stockRound_info.match(/價格 ([+-]?\\\\d+)/);\\n        var stageMatch = now_stockRound_info.match(/第\\\\s*(-?\\\\d+)\\\\s*階段/);\\n        var price = priceMatch ? priceMatch[1]: '0';\\n        var stage = stageMatch ? stageMatch[1]: '未知';\\n        $('#info1').text(`目前是第 ${stage} 階段`);\\n        $('#info2').text(`買入的價格是 ${stock.buyPrice} 元`);\\n        $('#info3').text(`漲跌幅是 ${price} 元`);\\n        $('#info4').text(`賣出的價格是 ${stock.buyPrice + Number(price)} 元`);\\n        $('#info5').text(`請確認是否要賣出 ${stock.id} ${stock.name}？`);\\n        $('#deleteConfirmModal').modal('show'); // 顯示確認模態框\\n    });\\n\\n    // 刪除房屋的事件處理程序\\n    $('#houselist').on('click', '.delete-task', function () {\\n        houseIdxToDelete = $(this).data('index');\\n        var house = selectedHouses[houseIdxToDelete];\\n        var selectedValue = selectHouseRound.val();\\n        var now_houseRound_info = houseRounds[selectedValue - 1];\\n        var priceMatch = now_houseRound_info.match(/價格 ([+-]?\\\\d+)/);\\n        var stageMatch = now_houseRound_info.match(/第\\\\s*(-?\\\\d+)\\\\s*階段/);\\n        var price = priceMatch ? priceMatch[1]: '0';\\n        var stage = stageMatch ? stageMatch[1]: '未知';\\n        $('#info1').text(`目前是第 ${stage} 階段`);\\n        $('#info2').text(`買入的價格是 ${house.buyPrice} 元`);\\n        $('#info3').text(`漲跌幅是 ${price} 元`);\\n        $('#info4').text(`賣出的價格是 ${house.buyPrice + Number(price)} 元`);\\n        $('#info5').text(`請確認是否要賣出 ${house.id} ${house.name}？`);\\n        $('#deleteConfirmModal').modal('show'); // 顯示確認模態框\\n    });\\n\\n    // 確認刪除的事件處理程序\\n    $('#confirm-delete').click(function () {\\n        if (houseIdxToDelete != null) {\\n            var house = selectedHouses[houseIdxToDelete];\\n            sellingRecords.push({\\n                ...house\\n            }); // 深拷貝房屋對象\\n            updateSellList();\\n            saveSellList();\\n            selectedHouses.splice(houseIdxToDelete, 1);\\n            updateHouseList();\\n            saveHouseList();\\n            houseIdxToDelete = null;\\n            updateTotalRent();\\n            updateAssetsExcludingCash();\\n            sellHouseSound.currentTime = 0;\\n            sellHouseSound.play();\\n        }\\n        if (stockIdxToDelete != null) {\\n            var stock = selectedStocks[stockIdxToDelete];\\n            sellingRecords.push({\\n                ...stock\\n            }); // 深拷貝房屋對象\\n            updateSellList();\\n            saveSellList();\\n            selectedStocks.splice(stockIdxToDelete, 1);\\n            updateStockList();\\n            saveStockList();\\n            stockIdxToDelete = null;\\n            updateTotalDividends();\\n            updateAssetsExcludingCash();\\n            sellStockSound.currentTime = 0;\\n            sellStockSound.play();\\n        }\\n        $('#deleteConfirmModal').modal('hide'); // 隱藏確認模態框\\n    });\\n\\n    // 資產骰子\\n\\n    $('#assets-dice').click(function () {\\n        $('#assetsDiceModal').modal('show');\\n    });\\n\\n    var dice1ClickNum = 0\\n    var $elDiceOne = $('#dice1');\\n    var lastDiceOne = 0\\n\\n    $elDiceOne.on('click', function() {\\n        diceSound.currentTime = 0;\\n        diceSound.play();\\n        rollDiceOne();\\n    });\\n\\n    function rollDiceOne() {\\n        dice1ClickNum ++\\n\\n        var diceOne = Math.floor(Math.random() * 6) + 1;\\n\\n        if (diceOne == 1) {\\n            $elDiceOne.css({\\n                'transform': `rotateX(${360*dice1ClickNum+720}deg) rotateY(${720*dice1ClickNum+0}deg) rotateZ(-${360*dice1ClickNum+720}deg)`,\\n            });\\n        }\\n\\n        if (diceOne == 2) {\\n            $elDiceOne.css({\\n                'transform': `rotateX(-${360*dice1ClickNum+900}deg) rotateY(${720*dice1ClickNum+0}deg) rotateZ(${360*dice1ClickNum+1080}deg)`,\\n            });\\n        }\\n\\n        if (diceOne == 3) {\\n            $elDiceOne.css({\\n                'transform': `rotateX(${720*dice1ClickNum+0}deg) rotateY(${360*dice1ClickNum+810}deg) rotateZ(${360*dice1ClickNum+720}deg)`,\\n            });\\n        }\\n\\n        if (diceOne == 4) {\\n            $elDiceOne.css({\\n                'transform': `rotateX(-${360*dice1ClickNum+810}deg) rotateY(${720*dice1ClickNum+0}deg) rotateZ(-${360*dice1ClickNum+1080}deg)`,\\n            });\\n        }\\n\\n        if (diceOne == 5) {\\n            $elDiceOne.css({\\n                'transform': `rotateX(${360*dice1ClickNum+450}deg) rotateY(${720*dice1ClickNum+0}deg) rotateZ(-${360*dice1ClickNum+720}deg)`,\\n            });\\n        }\\n\\n        if (diceOne == 6) {\\n            $elDiceOne.css({\\n                'transform': `rotateX(${720*dice1ClickNum+0}deg) rotateY(-${360*dice1ClickNum+450}deg) rotateZ(-${360*dice1ClickNum+1440}deg)`,\\n            });\\n        }\\n\\n    }\\n\\n    // 風險骰子\\n    $('#risk-dice').click(function () {\\n        $('#riskDiceModal').modal('show');\\n    });\\n\\n    var dice2ClickNum = 0\\n    var $elDiceTwo = $('#dice2');\\n    var lastDiceTwo = 0\\n\\n    $elDiceTwo.on('click', function() {\\n        diceSound.currentTime = 0;\\n        diceSound.play();\\n        rollDiceTwo();\\n    });\\n\\n    function rollDiceTwo() {\\n        dice2ClickNum ++\\n\\n        var diceTwo = Math.floor(Math.random() * 6) + 1;\\n\\n        if (diceTwo == 1) {\\n            $elDiceTwo.css({\\n                'transform': `rotateX(${360*dice2ClickNum+720}deg) rotateY(${720*dice2ClickNum+0}deg) rotateZ(-${360*dice2ClickNum+720}deg)`,\\n            });\\n        }\\n\\n        if (diceTwo == 2) {\\n            $elDiceTwo.css({\\n                'transform': `rotateX(-${360*dice2ClickNum+900}deg) rotateY(${720*dice2ClickNum+0}deg) rotateZ(${360*dice2ClickNum+1080}deg)`,\\n            });\\n        }\\n\\n        if (diceTwo == 3) {\\n            $elDiceTwo.css({\\n                'transform': `rotateX(${720*dice2ClickNum+0}deg) rotateY(${360*dice2ClickNum+810}deg) rotateZ(${360*dice2ClickNum+720}deg)`,\\n            });\\n        }\\n\\n        if (diceTwo == 4) {\\n            $elDiceTwo.css({\\n                'transform': `rotateX(-${360*dice2ClickNum+810}deg) rotateY(${720*dice2ClickNum+0}deg) rotateZ(-${360*dice2ClickNum+1080}deg)`,\\n            });\\n        }\\n\\n        if (diceTwo == 5) {\\n            $elDiceTwo.css({\\n                'transform': `rotateX(${360*dice2ClickNum+450}deg) rotateY(${720*dice2ClickNum+0}deg) rotateZ(-${360*dice2ClickNum+720}deg)`,\\n            });\\n        }\\n\\n        if (diceTwo == 6) {\\n            $elDiceTwo.css({\\n                'transform': `rotateX(${720*dice2ClickNum+0}deg) rotateY(-${360*dice2ClickNum+450}deg) rotateZ(-${360*dice2ClickNum+1440}deg)`,\\n            });\\n        }\\n\\n    }\\n\\n    // 重新一局功能\\n\\n    $('#reset-game').click(function () {\\n        $('#resetConfirmModal').modal('show');\\n        var countdown = 3;\\n        var confirmButton = $('#confirm-reset');\\n        confirmButton.prop('disabled', true);\\n        confirmButton.text('確認（' + countdown + '）');\\n        var timer = setInterval(function() {\\n            countdown--;\\n            confirmButton.text('確認（' + countdown + '）');\\n            if (countdown \u003c= 0) {\\n                clearInterval(timer);\\n                confirmButton.prop('disabled', false);\\n                confirmButton.text('確認');\\n            }\\n        }, 1000);\\n    });\\n\\n    $('#confirm-reset').click(function () {\\n        localStorage.clear();\\n        location.reload();\\n    });\\n    \\n    // 賣出紀錄功能\\n\\n    $('#selling-record').click(function () {\\n        $('#sellingRecordModal').modal('show');\\n    });\\n\\n    // 更新股票列表的函數\\n    function updateStockList() {\\n        $('#stocklist').html(''); // 清空現有列表\\n        $.each(selectedStocks, function(index, stock) {\\n            var profit = stock.sellPrice - stock.buyPrice;\\n            var profitText = profit \u003c 0 ? '-' + Math.abs(profit): '+' + profit;\\n            var btnClass = profit \u003c 0 ? 'bg-danger text-light': 'bg-success text-light';\\n            var taskCard = `\\n            \u003cdiv class=\\\"col-md-6 mb-3\\\"\u003e\\n            \u003cdiv class=\\\"card stock-card\\\"\u003e\\n            \u003cdiv class=\\\"card-body\\\"\u003e\\n            \u003ch5 class=\\\"card-title\\\"\u003e${stock.id} - ${stock.name}\u003c/h5\u003e\\n            \u003cdiv class=\\\"card mb-2\\\"\u003e\\n            \u003cul class=\\\"list-group list-group-flush\\\"\u003e\\n            \u003cli class=\\\"list-group-item d-flex justify-content-between\\\"\u003e\\n            買入：${stock.buyPrice}\\n            \u003c/li\u003e\\n            \u003cli class=\\\"list-group-item\\\"\u003e賣出：${stock.sellPrice}\u003c/li\u003e\\n            \u003cli class=\\\"list-group-item\\\"\u003e股利：${stock.dividend}\u003c/li\u003e\\n            \u003c/ul\u003e\\n            \u003c/div\u003e\\n            \u003cbutton class=\\\"btn ${btnClass} btn-sm delete-task w-100\\\" data-index=\\\"${index}\\\"\u003e\\n            ${profitText} 賣出\\n            \u003c/button\u003e\\n            \u003c/div\u003e\\n            \u003c/div\u003e\\n            \u003c/div\u003e`;\\n            $('#stocklist').prepend(taskCard);\\n        });\\n        saveStockList(); // 保存到 localStorage\\n        updateTotalDividends();\\n        updateAssetsExcludingCash();\\n    }\\n\\n    // 更新房屋列表的函數\\n    function updateHouseList() {\\n        $('#houselist').html(''); // 清空現有列表\\n        $.each(selectedHouses, function(index, house) {\\n            var profit = house.sellPrice - house.buyPrice;\\n            var profitText = profit \u003c 0 ? '-' + Math.abs(profit): '+' + profit;\\n            var btnClass = profit \u003c 0 ? 'bg-danger text-light': 'bg-success text-light';\\n            var taskCard = `\\n            \u003cdiv class=\\\"col-md-6 mb-3\\\"\u003e\\n            \u003cdiv class=\\\"card house-card\\\"\u003e\\n            \u003cdiv class=\\\"card-body\\\"\u003e\\n            \u003ch5 class=\\\"card-title\\\"\u003e${house.id} - ${house.name}\u003c/h5\u003e\\n            \u003cdiv class=\\\"card mb-2\\\"\u003e\\n            \u003cul class=\\\"list-group list-group-flush\\\"\u003e\\n            \u003cli class=\\\"list-group-item d-flex justify-content-between\\\"\u003e\\n            買入：${house.buyPrice}\\n            \u003c/li\u003e\\n            \u003cli class=\\\"list-group-item\\\"\u003e賣出：${house.sellPrice}\u003c/li\u003e\\n            \u003cli class=\\\"list-group-item\\\"\u003e租金：${house.rent}\u003c/li\u003e\\n            \u003c/ul\u003e\\n            \u003c/div\u003e\\n            \u003cbutton class=\\\"btn ${btnClass} btn-sm delete-task w-100\\\" data-index=\\\"${index}\\\"\u003e\\n            ${profitText} 賣出\\n            \u003c/button\u003e\\n            \u003c/div\u003e\\n            \u003c/div\u003e\\n            \u003c/div\u003e`;\\n            $('#houselist').prepend(taskCard);\\n        });\\n        saveHouseList(); // 保存到 localStorage\\n        updateTotalRent();\\n        updateAssetsExcludingCash();\\n    }\\n    \\n    // 更新賣出列表的函數\\n    function updateSellList() {\\n        $('#selllist').html(''); // 清空現有列表\\n        $.each(sellingRecords, function(index, record) {\\n            console.log(record)\\n            var taskCard = `\\n            \u003ctr\u003e\\n                \u003ctd class=\\\"fw-bold ${record.id.includes(\\\"S\\\")?\\\"text-info\\\":\\\"text-warning\\\"}\\\"\u003e${record.id.includes(\\\"S\\\")?\\\"股票\\\":\\\"房屋\\\"}\u003c/td\u003e\\n                \u003ctd\u003e${record.id}\u003c/td\u003e\\n                \u003ctd\u003e${record.name}\u003c/td\u003e\\n                \u003ctd\u003e${record.sellPrice}\u003c/td\u003e\\n            \u003c/tr\u003e\\n            `;\\n            $('#selllist').prepend(taskCard);\\n        });\\n        saveHouseList(); // 保存到 localStorage\\n    }\\n\\n    // 保存股票列表到 localStorage\\n    function saveStockList() {\\n        localStorage.setItem('stocklist', JSON.stringify(selectedStocks));\\n    }\\n\\n    // 保存房屋列表到 localStorage\\n    function saveHouseList() {\\n        localStorage.setItem('houselist', JSON.stringify(selectedHouses));\\n    }\\n    \\n    // 保存賣出列表到 localStorage\\n    function saveSellList() {\\n        localStorage.setItem('selllist', JSON.stringify(sellingRecords));\\n    }\\n\\n    // 加載已保存的列表\\n    function loadLists() {\\n        var savedStockList = JSON.parse(localStorage.getItem('stocklist'));\\n        if (savedStockList) {\\n            selectedStocks = savedStockList;\\n            updateStockSellPrices();\\n            updateStockList();\\n            updateTotalDividends();\\n            updateAssetsExcludingCash();\\n        }\\n\\n        var savedHouseList = JSON.parse(localStorage.getItem('houselist'));\\n        if (savedHouseList) {\\n            selectedHouses = savedHouseList;\\n            updateHouseSellPrices();\\n            updateHouseList();\\n            updateTotalRent();\\n            updateAssetsExcludingCash();\\n        }\\n        \\n        var savedSellList = JSON.parse(localStorage.getItem('selllist'));\\n        if (savedSellList) {\\n            sellingRecords = savedSellList;\\n            updateSellList();\\n        }\\n    }\\n\\n    // 更新總股利\\n    function updateTotalDividends() {\\n        var totalDividends = 0;\\n        var selectedValue = selectStockRound.val();\\n        var now_stockRound_info = stockRounds[selectedValue - 1];\\n        var dividendMatch = now_stockRound_info.match(/股利 ([+-]?\\\\d+)/);\\n        var dividendChange = dividendMatch ? Number(dividendMatch[1]): 0;\\n        selectedStocks.forEach(function(stock) {\\n            var stockDividend = stock.dividend + dividendChange;\\n            totalDividends += stockDividend;\\n        });\\n        var dividendInput = $('span:contains(\\\"這個階段的所有股利\\\")').next('input');\\n        dividendInput.val(totalDividends);\\n    }\\n\\n    // 更新總租金\\n    function updateTotalRent() {\\n        var totalRent = 0;\\n        selectedHouses.forEach(function(house) {\\n            totalRent += house.rent;\\n        });\\n        var rentInput = $('span:contains(\\\"這個階段的所有房租\\\")').next('input');\\n        rentInput.val(totalRent);\\n    }\\n\\n    // 更新現金以外的資產\\n    function updateAssetsExcludingCash() {\\n        var totalAssets = 0;\\n        selectedStocks.forEach(function(stock) {\\n            totalAssets += stock.sellPrice;\\n        });\\n        selectedHouses.forEach(function(house) {\\n            totalAssets += house.sellPrice;\\n        });\\n        var selectedSaveOption = selectSave.find('option:selected').text();\\n        var savedAmountMatch = selectedSaveOption.match(/已存入 (\\\\d+) 元/);\\n        var savedAmount = savedAmountMatch ? Number(savedAmountMatch[1]): 0;\\n        totalAssets += savedAmount;\\n        var assetsInput = $('span:contains(\\\"現金以外的資產\\\")').next('input');\\n        assetsInput.val(totalAssets);\\n        updateTotalAssets();\\n    }\\n\\n    // 更新總資產\\n    function updateTotalAssets() {\\n        var cashInput = $('span:contains(\\\"輸入手上的現金\\\")').next('input');\\n        var cashAmount = Number(cashInput.val()) || 0;\\n        var assetsInput = $('span:contains(\\\"現金以外的資產\\\")').next('input');\\n        var assetsAmount = Number(assetsInput.val()) || 0;\\n        var totalAssets = cashAmount + assetsAmount;\\n        var totalAssetsInput = $('span:contains(\\\"加總所有的資產\\\")').next('input');\\n        totalAssetsInput.val(totalAssets);\\n    }\\n\\n    // 更新股票的賣出價格\\n    function updateStockSellPrices() {\\n        var selectedValue = selectStockRound.val();\\n        var now_stockRound_info = stockRounds[selectedValue - 1];\\n        var priceMatch = now_stockRound_info.match(/價格 ([+-]?\\\\d+)/);\\n        var price = priceMatch ? Number(priceMatch[1]): 0;\\n        selectedStocks.forEach(function(selectedStock) {\\n            selectedStock[\\\"sellPrice\\\"] = selectedStock[\\\"buyPrice\\\"] + price;\\n        });\\n    }\\n\\n    // 更新房屋的賣出價格\\n    function updateHouseSellPrices() {\\n        var selectedValue = selectHouseRound.val();\\n        var now_houseRound_info = houseRounds[selectedValue - 1];\\n        var priceMatch = now_houseRound_info.match(/價格 ([+-]?\\\\d+)/);\\n        var price = priceMatch ? Number(priceMatch[1]): 0;\\n        selectedHouses.forEach(function(selectedHouse) {\\n            selectedHouse[\\\"sellPrice\\\"] = selectedHouse[\\\"buyPrice\\\"] + price;\\n        });\\n    }\\n\\n    // 監聽現金輸入框的變化\\n    var cashInput = $('span:contains(\\\"輸入手上的現金\\\")').next('input');\\n    cashInput.on('input', function() {\\n        updateTotalAssets();\\n    });\\n\\n    // 初始化\\n    loadLists();\\n    updateTotalDividends();\\n    updateTotalRent();\\n    updateAssetsExcludingCash();\\n    updateTotalAssets();\\n\\n    function makeDraggable($element) {\\n        var isDragging = false;\\n        var offsetX, offsetY;\\n\\n        $element.on('mousedown touchstart', function(e) {\\n            e.preventDefault();\\n\\n            var clientX, clientY;\\n            if (e.type === 'touchstart') {\\n                clientX = e.touches[0].clientX;\\n                clientY = e.touches[0].clientY;\\n            } else {\\n                clientX = e.clientX;\\n                clientY = e.clientY;\\n            }\\n\\n            offsetX = clientX - $element.offset().left;\\n            offsetY = clientY - $element.offset().top;\\n\\n            if (!isDragging) {\\n                $(document).on('mousemove touchmove', onMove);\\n                $element.css('cursor', 'grab');\\n                isDragging = true;\\n            } else {\\n                $(document).off('mousemove touchmove', onMove);\\n                $element.css('cursor', 'default');\\n                isDragging = false;\\n            }\\n        });\\n\\n        function onMove(e) {\\n            var clientX, clientY;\\n            if (e.type === 'touchmove') {\\n                clientX = e.touches[0].clientX;\\n                clientY = e.touches[0].clientY;\\n            } else {\\n                clientX = e.clientX;\\n                clientY = e.clientY;\\n            }\\n\\n            $element.css({\\n                left: clientX - offsetX + 'px',\\n                top: clientY - offsetY + 'px'\\n            });\\n        }\\n\\n        $(document).on('mouseup touchend', function() {\\n            if (isDragging) {\\n                $(document).off('mousemove touchmove', onMove);\\n                $element.css('cursor', 'default');\\n                isDragging = false;\\n            }\\n        });\\n    }\\n\\n    makeDraggable($('#star'));\\n\\n});\"}","created_at":"2024-09-25T14:19:40.335+08:00","updated_at":"2024-10-15T10:40:02.840+08:00","name":"學生｜財富之路 2.0","language":"web","screenshot":{"url":"https://cdn0.koding.school/uploads/project/screenshot/847535/9718bb437f8e72eaf5e4645bd6e408e8.jpg"},"parent_id":3,"plugin":"","description":null,"note":null,"status":"public","like_student_ids":[],"is_featured":false,"views":17,"hashid":"wdksm9grr","is_content_changed":false,"review_status":"unsubmitted","submitted_at":null,"reviewed_at":null,"advise":null,"is_deleted":false}

[{"id":18604124,"file_name":"buy_stock.mp3","project_id":847535,"asset_id":778258,"created_at":"2024-09-25T14:19:56.853+08:00","updated_at":"2024-09-25T14:19:56.853+08:00"},{"id":18604125,"file_name":"sell_stock.mp3","project_id":847535,"asset_id":778259,"created_at":"2024-09-25T14:19:56.859+08:00","updated_at":"2024-09-25T14:19:56.859+08:00"},{"id":18604126,"file_name":"select_save.mp3","project_id":847535,"asset_id":778260,"created_at":"2024-09-25T14:19:56.864+08:00","updated_at":"2024-09-25T14:19:56.864+08:00"},{"id":18604127,"file_name":"select_stock_stage.mp3","project_id":847535,"asset_id":778261,"created_at":"2024-09-25T14:19:56.869+08:00","updated_at":"2024-09-25T14:19:56.869+08:00"},{"id":18604128,"file_name":"select_house_stage.mp3","project_id":847535,"asset_id":778262,"created_at":"2024-09-25T14:19:56.873+08:00","updated_at":"2024-09-25T14:19:56.873+08:00"},{"id":18604129,"file_name":"select_game_stage.mp3","project_id":847535,"asset_id":778263,"created_at":"2024-09-25T14:19:56.880+08:00","updated_at":"2024-09-25T14:19:56.880+08:00"},{"id":18604130,"file_name":"sell_house.mp3","project_id":847535,"asset_id":778264,"created_at":"2024-09-25T14:19:56.884+08:00","updated_at":"2024-09-25T14:19:56.884+08:00"},{"id":18604131,"file_name":"buy_house.mp3","project_id":847535,"asset_id":778265,"created_at":"2024-09-25T14:19:56.888+08:00","updated_at":"2024-09-25T14:19:56.888+08:00"},{"id":18604132,"file_name":"select_insurance_stage.mp3","project_id":847535,"asset_id":778266,"created_at":"2024-09-25T14:19:56.892+08:00","updated_at":"2024-09-25T14:19:56.892+08:00"},{"id":18604133,"file_name":"dice.mp3","project_id":847535,"asset_id":778267,"created_at":"2024-09-25T14:19:56.897+08:00","updated_at":"2024-09-25T14:19:56.897+08:00"},{"id":18604134,"file_name":"star.svg","project_id":847535,"asset_id":778268,"created_at":"2024-09-25T14:19:56.901+08:00","updated_at":"2024-09-25T14:19:56.901+08:00"}]