民國115年 普通考試 資訊處理 程式設計概要
第5題
請完成如下的JavaScript function 觸動方式（第一條粗黑線）及內容（第 二~第六條粗黑線）。可以顯示如下網頁頁面，並在按下"Submit"按鈕後…
題目
請完成如下的JavaScript function 觸動方式（第一條粗黑線）及內容（第 二~第六條粗黑線）。可以顯示如下網頁頁面，並在按下"Submit"按鈕後， 觸動JS function 根據使用者的輸入，顯示計算複利的本利和。（18 分）
參考解答（AI 生成，非官方）
- 一、頁面結構（第一條粗黑線，觸動方式）：以 HTML 表單呈現，包含三個 <input type="text" id="principal">、id="rate"、id="years" 供輸入本金、年利率與年數，並設 <button type="button" onclick="calculate()">Submit</button>；另備 <div id="result"></div> 作為輸出區。事件可綁在按鈕的 onclick，或以 form 的 onsubmit="calculate(); return false;" 避免頁面重新載入。
- 二、取得使用者輸入（第二、三條）：在 function calculate() 內以 document.getElementById('principal').value 取得字串，再以 parseFloat() 或 Number() 轉為數值；利率若以百分比輸入須除以 100。轉換後以 isNaN() 檢查，若有空白或非數字，於結果區顯示提示訊息並中止運算。
- 三、複利公式與計算（第四、五條）：本利和 A = P × (1 + r)^n，其中 P 為本金、r 為每期利率、n 為期數；JavaScript 以 Math.pow(1 + r, n) 計算次方。若為每年複利 m 次，則改用 A = P × (1 + r/m)^(m×n)，作答時應說明所採用假設。
- 四、輸出與格式化（第六條）：以 amount.toFixed(2) 保留兩位小數，再指派 document.getElementById('result').innerHTML = '本利和：' + amount.toFixed(2);，或使用 textContent 以避免 HTML 注入。可同時輸出利息 = A − P，使畫面資訊完整。
- 五、注意事項：需確認 id 與 getElementById 字串完全一致、script 置於 body 末端或使用 DOMContentLoaded 確保元素已載入；輸入負值或期數為零應加以驗證。因題目未附完整頁面與函式框線內容，實際變數名稱與欄位標籤應依題目圖示調整。
AI 依官方試題文字產生的參考解答，非考選部公告答案，內容僅供備考參考。