Javascript-在用户输入数量后克隆div

我尝试在用户输入要克隆的div数量后克隆div。用户将输入一个数字（比如3），该函数将创建三个

group container

div。提示有效，但之后什么也不会发生。看起来很简单，但它在逃避我。我的逻辑不正确吗？显然，我的编程技能是非常新的

我创建了一个包含输入的函数（groupInput）

创建for循环以重复以下指令

for循环将克隆

组容器

的次数与

i的次数相同
prompt（）
方法可能返回正确的数字，但类型设置为String。相反，尝试

parseInt(groupInput)

将值转换为数字，这将允许for循环正确执行。
prompt（）

方法可能返回正确的数字，但类型设置为String。相反，尝试

parseInt(groupInput)

---

将值转换为一个数字，该数字应允许for循环正确执行。

您应将组声明置于for循环之外，以便克隆在整个循环中保持不变

函数addGroup（）{
var groupInput=prompt（“多少组？1-100”）；
var group=document.getElementById（“组容器”）；
对于（i=0；i您应该将组声明放在for循环之外，以便克隆在整个循环中保持不变


函数addGroup（）{
var groupInput=prompt（“多少组？1-100”）；
var group=document.getElementById（“组容器”）；
对于（i=0；i，从提示或文本输入中输入数量后，下面的类似内容可能会起作用

var doc = document;

var input = prompt("Please enter your qty", "0");
if (input != null) {
    for (i = 0; i < input; i++) { 
        var elem = doc.createElement('div');
        elem.className = 'group-container';
    }
}

var doc=单据；
var input=提示（“请输入您的数量”，“0”）；
如果（输入！=null）{
对于（i=0；i
从提示或文本输入中输入数量后，下面的类似内容可能会起作用

var doc = document;

var input = prompt("Please enter your qty", "0");
if (input != null) {
    for (i = 0; i < input; i++) { 
        var elem = doc.createElement('div');
        elem.className = 'group-container';
    }
}

var doc=单据；
var input=提示（“请输入您的数量”，“0”）；
如果（输入！=null）{
对于（i=0；i
如果你给它一个字符串，for循环应该仍然有效。你是对的，我真蠢，竟然忘了这一点。不管怎样，为了安全起见，我认为将它转换为整数是一个好做法。如果你给它一个字符串，for循环应该仍然有效。你是对的，我真蠢，竟然忘了这一点。不管怎样，我认为将它转换为整数是一个好做法安全性。这看起来是解决谁知道什么问题的错误方法。您将在dom中使用多个节点，所有节点都具有相同的
id
。这听起来很有趣。实际上它似乎在这里工作：（这很糟糕，不要复制id！）@我明白了，威尔change@briosheje是的，这很奇怪，一开始我没有在JS中运行它。但在我的html中它不起作用。我知道我指向JS的链接是正确的，因为弹出窗口是正确的。这看起来是解决问题的错误方法，谁知道呢。你会在dom中有多个节点，所有节点都具有相同的
id
。这听起来很有趣。Ac实际上，它似乎在这里工作：（这太可怕了，不要复制ID！）@CrescentFresh明白了，威尔change@briosheje是的，这很奇怪，一开始我没有在JS中运行它。但是它在我的html中不起作用。我知道我到JS的链接是正确的，因为弹出窗口可以工作