為用戶指定的數字創建動態輸入表單元素

了解手頭的任務，用戶打算基於動態生成輸入表單元素基於用戶提供的整數。我們的目標是提供一個簡單的解決方案，而不會使流程過於複雜。

利用JavaScript，我們可以透過以下步驟來應對這個挑戰：

1. 擷取使用者輸入：

   • 利用「填寫詳細資料」連結的onclick 事件處理程序來擷取整數值輸入欄位。
   • 為輸入欄位指派唯一的 id 屬性，例如“member”，以輕鬆存取其值。

2. 為輸入元素建立容器：

   • 定義一個容器元素，例如
     ，動態產生的元素將在其中Placed.

   • 產生輸入元素：

     • 根據使用者提供的整數值迭代循環。
     • 使用 document.createElement() 建立新的 元素並設定其類型和名稱屬性。
     • 附加使用appendChild()將建立的元素新增至指定容器。

   • 清除先前的元素（可選）：

     • 如果需要，在產生新元素之前，使用hasChildNodes () 和removeChild()刪除容器內的任何現有元素

   程式碼片段：

   function addFields(){
       // Get user input for number of elements
       var number = document.getElementById("member").value;
   
       // Get the element where inputs will be placed
       var container = document.getElementById("container");
   
       // Remove any existing elements
       while (container.hasChildNodes()) {
           container.removeChild(container.lastChild);
       }
   
       // Create and append input elements
       for (i=0; i