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>

单击按钮时添加新表单

1 个答案: