申論題

八、請使用 HTML 與 JavaScript，將本題所提供之程式碼所缺部分（方框1, 2, 3）撰寫完整，設計出可達成下列功能的網頁： （方框 1 占 4 分、方框 2 占 8 分、方框 3 占 8 分，共 20 分）
● 產出如下圖( A )( B )( C )之表單（Form） ，表單內主要包含兩個輸入框、一個按鈕、一個 result 區塊及一個 Canvas 元素。輸入框分別為「長度」和「寬度」 ，讓用戶在「長度」和「寬度」的輸入框中可分別輸入長方形的長和寬，單位為像素， 「長度」和「寬度」的數值皆大於0 且小於 500。
●按下「計算面積」按鈕後，JavaScript 函式 calculateArea() 會讀取輸入的數值，檢查其有效性，並計算長方形的面積。
●計算結果顯示在 result 區塊，並使用 Canvas 元素在網頁上繪製出一個長方形。Canvas 中的長方形會根據輸入的長寬居中顯示，且設定為藍色填充樣式。