使用输入编号更新显示的段落数-HTML Javascript

我试图使用输入数字类型来更新特定数量的内容添加到页面的次数。在这个例子中，我使用了一个

p

标记，但在我的主模型中，我在更大范围内使用了多个div。然而，我似乎无法让它发挥作用。如果有人能看出我哪里出了问题，那将非常有帮助

函数更新页（）{
var i=document.getElementById（“numerInput”）.value；
document.getElementById（“内容”）.innerHTML=
而（i>1）{
“内容

”；
我--；
};
}

内容

首先，您有很多问题需要解决：

您正在将

.innerHTML

设置为

while

循环，这是无效的，因为循环没有返回值。而且，在循环中，只有一个HTML字符串。它不会被返回或分配给任何东西，因此不会发生任何事情

您还拼错了

输入的
id
：

document.getElementById("numerInput")

另外，不要将内联HTML事件属性（即，
onclick
）用作，以免使用这种20多年的过时技术。将所有JavaScript工作与HTML分开

最后，您的HTML无效：

"<p>Content<p/><br>"




内容

首先，您有很多问题需要解决：

您正在将
.innerHTML
设置为
while
循环，这是无效的，因为循环没有返回值。而且，在循环中，只有一个HTML字符串。它不会被返回或分配给任何东西，因此不会发生任何事情

您还拼错了
输入的
id
：

document.getElementById("numerInput")

另外，不要将内联HTML事件属性（即，
onclick
）用作，以免使用这种20多年的过时技术。将所有JavaScript工作与HTML分开

最后，您的HTML无效：

"<p>Content<p/><br>"




内容

正如@ScottMarcus指出的，您存在以下问题：

While循环
不需要
在
的末尾，而（args）{}

您的
.innerHTML
代码位于错误的位置
您在
getElementById（“numerInput”）
中有一个输入错误，我将其更改为
getElementById（“numerInput”）
代码



函数更新页（）{
//获取输入值
var numberInput=document.getElementById（“numberInput”）.value；
//将用于存储所有内容
var模板=”；
while（numberInput>0）{
//将所有内容添加到模板中
模板+=“内容

”；
数字输入--；
}
//点击后追加
document.getElementById（“内容”）.innerHTML=模板；
}



正如@ScottMarcus指出的，您存在以下问题：

While循环
不需要
在
的末尾，而（args）{}

您的
.innerHTML
代码位于错误的位置
您在
getElementById（“numerInput”）
中有一个输入错误，我将其更改为
getElementById（“numerInput”）
代码



函数更新页（）{
//获取输入值
var numberInput=document.getElementById（“numberInput”）.value；
//将用于存储所有内容
var模板=”；
while（numberInput>0）{
//将所有内容添加到模板中
模板+=“内容

”；
数字输入--；
}
//点击后追加
document.getElementById（“内容”）.innerHTML=模板；
}



请不要将代码发布到第三方网站，因为这些链接可能会随着时间的推移而消失。只需编辑您的答案，并将可执行代码放入“代码段”中，就可以在此处运行。当然可以。将立即更改。请不要将代码发布到第三方网站，因为这些链接可能会随着时间的推移而消失。只需编辑您的答案，并将可执行代码放入“代码段”中，就可以在此处运行。当然可以。我现在就改。