单击按钮时添加新表单

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>