Javascript 如何创建从输入字段获取的div元素数

我需要创建名称生成器。 我有一个输入字段，我需要用户输入number>0并在文档中创建这样数量的div

let nums=parseInt（document.querySelector（'.num'）.value）；
函数赋值（）{
对于（i=0；i

.boxList{
边框：1px纯红；
填充：10px；
}

---

通过在函数外包含

let

语句，您可以在脚本加载后立即设置

nums

。此时，您试图从中提取

int

的字段不可能有值，因为用户还没有足够的时间进行输入

将

let

语句移动到函数中，以便在函数运行时收集输入框的值（该字段表面上由用户完成）

函数赋值（）{
让nums=parseInt（document.querySelector（'.num'）.value）；
对于（i=0；i

.boxList{
边框：1px纯红；
填充：10px；
}

---

通过在函数外包含

let

语句，您可以在脚本加载后立即设置

nums

。此时，您试图从中提取

int

的字段不可能有值，因为用户还没有足够的时间进行输入

将

let

语句移动到函数中，以便在函数运行时收集输入框的值（该字段表面上由用户完成）

函数赋值（）{
让nums=parseInt（document.querySelector（'.num'）.value）；
对于（i=0；i

.boxList{
边框：1px纯红；
填充：10px；
}

这里是示例

让btn=document.querySelector（“#赋值”）；
btn.addEventListener（“单击”，分配）；
函数赋值（）{
设nums=parseInt（document.querySelector（“.num”）.value，10）；
for（设i=0；i

.boxList{
边框：1px纯红；
填充：10px；
}

这里是示例

让btn=document.querySelector（“#赋值”）；
btn.addEventListener（“单击”，分配）；
函数赋值（）{
设nums=parseInt（document.querySelector（“.num”）.value，10）；
for（设i=0；i

.boxList{
边框：1px纯红；
填充：10px；
}

就像前面提到的@esqew一样，主要的问题是当javascript启动时（在任何用户输入之前）定义“nums”。您应该在assign（）的开头读取nums的值

同样，您应该通过ID而不是类引用输入，因为没有其他样式

设nums=0；
函数赋值（）{
nums=parseInt（document.querySelector（'#numput'）.value）
对于（i=0；i

.boxList{
边框：1px纯红；
填充：10px；
}

就像前面提到的@esqew一样，主要的问题是当javascript启动时（在任何用户输入之前）定义“nums”。您应该在assign（）的开头读取nums的值

同样，您应该通过ID而不是类引用输入，因为没有其他样式

设nums=0；
函数赋值（）{
nums=parseInt（document.querySelector（'#numput'）.value）
对于（i=0；i

.boxList{
边框：1px纯红；
填充：10px；
}