Javascript 如何在单击按钮时添加或附加文本框？

我想知道如何在点击“提交”按钮后添加文本框。我已经尝试了我所知道的一切，但似乎没有结果。我还想使文本框的最大数量为25

以下是一些HTML：

 <div class="title">
    <h1>Calculated Test Scores</h1>
 </div>
    <h5># of Students: <input type="text"></h5>
    <div class="container">
    <button type="button" class="submit">Submit</button>
    </div>
    <h5>Scores: <input type="text"></h5>
    <div class="container">
    <button type="button" class="calculate">Calculate</button>
    </div>
    <h6>The average is:</h6>

计算的考试分数
#学生人数：
提交
分数：
算计
平均值为：

这是JS：

$(function() {

    $(".submit").click(function() {
        for(var i=0; i < 26; i++)
        $(".submit").append(arr[i])
    });

    $(".calculate").click(function() {
        for(var i=0; i < arr.length; i++)
        sum=sum + arr[i];
        Average = sum/arr.length;
    });

});

$（函数（）{
$（“.submit”）。单击（函数（）{
对于（变量i=0；i<26；i++）
$（“.submit”）.append（arr[i]）
});
$（“.calculate”）。单击（函数（）{
对于（变量i=0；i

我不确定什么是arr，但我只是在其中添加了几个输入，即25。这是

var-arr=[''，''，''，''，''，''，''，''，''，''，''，''，''，''，''，''，''，''，''，''，''；
$（“.submit”）。单击（函数（）{
对于（变量i=0；i<26；i++）{
$（“.inputs”）.append（arr[i]）；
}
});
$（“.calculate”）。单击（函数（）{
对于（变量i=0；i

---

让我知道这是否是您正在寻找的东西。

请查看工作原型（标记稍微修改）：

$（“.submit”）。单击（函数（）{
var newContent=“”；
对于（var i=0；i<$（“#scont”）.val（）；i++）
newContent+=“”；
$（“.dynamic_inputs”）.html（newContent）；
});
$（“.calculate”）。单击（函数（）{
var总和=0；
$（“.dynamic_输入”）。每个（函数（）{
sum=sum+parseInt（$（this.val（））；
});
var avg=总和/$（“.dynamic_inputs”）。长度；
$（“h6”）.text（“平均值为：”+avg）；
});

计算的考试分数
#学生人数：
提交
分数：

算计
平均值是：
你也能发布arr[]吗？var arr=[i<26]；最后一件事，我试图总结用户输入的数字。换句话说，计算所有输出数字的平均值。您应该真正了解DOM结构以及如何操作它。看起来你不熟悉核心概念。你能提供完整的js代码吗？Akhil，原型不起作用。我输入一组学生并点击提交，但没有其他文本框显示在分数下。这就是我要寻找的，但出于某种原因，有两个计算按钮。它在JSFIDLE中工作，但在我正在使用的程序中不工作。我刚刚意识到，计算代码在我的程序中增加了一倍。如果我的答案帮助您找到解决方案，请不要忘记接受我的答案。
var arr = ['<input type="text" name="name" />', '<input type="text" name="name" />', '<input type="text" name="name" />', '<input type="text" name="name" />', '<input type="text" name="name" />', '<input type="text" name="name" />', '<input type="text" name="name" />', '<input type="text" name="name" />', '<input type="text" name="name" />', '<input type="text" name="name" />','<input type="text" name="name" />','<input type="text" name="name" />','<input type="text" name="name" />','<input type="text" name="name" />','<input type="text" name="name" />','<input type="text" name="name" />','<input type="text" name="name" />','<input type="text" name="name" />','<input type="text" name="name" />','<input type="text" name="name" />','<input type="text" name="name" />','<input type="text" name="name" />','<input type="text" name="name" />','<input type="text" name="name" />','<input type="text" name="name" />'];
$(".submit").click(function() {
    for(var i=0; i < 26; i++) {
      $(".inputs").append(arr[i]);
    }
});

$(".calculate").click(function() {
    for(var i=0; i < arr.length; i++)
    sum=sum + arr[i];
    Average = sum/arr.length;
});