單擊按鈕時添加新表單

Question

我正在嘗試創建一個計算器，該計算器需要用戶輸入幾次，其次數取決於用戶。 我想在點擊一個按鈕時出現一個新表格。

我試圖在按鈕內創建onclick事件，但是單擊此按鈕時沒有任何事情發生。

見下面的相關代碼

 let addButton = function() { let mile2Form = document.createElement('input'); mile2Form.setAttribute('type', 'time'); document.body.appendChild(mile2Form); } 

 <section> <button class= "addButton" onclick="addButton()">Add Another Time</button> </section> 

我期望創建一個新表單。

任何幫助將非常感激！

Answer 1

你可以創建createElement("form"); 並將您的控件添加到form.appendChild(mile2Form);

也是一個很好的約定，你應該在</body>標簽之前移動腳本塊

let addButton = function() {

var form = document.createElement("form");
form.setAttribute('method',"post");
form.setAttribute('action',"#");

    let mile2Form = document.createElement('input');

    mile2Form.setAttribute('type', 'time');

    form.appendChild(mile2Form);
    document.body.appendChild(form);
}

 let addButton = function() { var form = document.createElement("form"); form.setAttribute('method',"post"); form.setAttribute('action',"#"); let mile2Form = document.createElement('input'); mile2Form.setAttribute('type', 'time'); form.appendChild(mile2Form); document.body.appendChild(form); } 

 <section> <button class= "addButton" onclick="addButton()">Add Another Time</button> </section>