单击按钮时添加新表单

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>