Javascript 如何在x轴上重复图像x次？

我试图编写一个代码，每次在输入框中输入一个数字时动态添加一个图像。我希望图像的数量等于用户输入的数量

我的代码：

函数myFunction（）{
var a=document.getElementById（'number1'）。值；
对于（var t=4；（t您犯了两个错误。以下是更正：


在innerHTML注入的末尾添加缺少的“>”
将id=“x”从img标记移动到其容器div标记




函数myFunction（）{
var a=document.getElementById（'number1'）。值；
var str=document.getElementById（“x”）；
str.innerHTML=''；
对于（var t=4；（t考虑以下变化


考虑使用
更改
侦听器

考虑通过
createElement
API创建元素
将id放在包含图像的元素上，而不是图像本身
除此之外的另一个变化是考虑使用，但对于本例
可能会过份。


const input=document.getElementById（“编号”）；
const container=document.getElementById（“容器”）；
函数changeHandler（e）{
const newValue=e.target.value；
container.innerHTML=“”；
for（设i=0；i



var input=document.querySelector（'#number1'）；
var imgBlock=document.querySelector（'.img block'）；
addEventListener（'input'，函数（）{
var width=document.body.clientWidth；
imgBlock.innerHTML=''；
对于（变量i=0；i{
item.style.width=宽度/imgs.length+‘px’；
})
})

可能是因为您的
innerHTML
中缺少了一个结束标记
。此外，应该调用
innerHTML
来操作一个既有开始标记又有结束标记的元素，例如
。
。图像元素没有结束标记。我添加了它，但没有效果。非常感谢，但如果我想继续添加t如果输入的数字很大，他只在同一条线上的x轴上成像，而不向下。我该怎么办？图像的数量会改变图像的大小images@Graficode当选择的数字小于3时，代码中断OP的代码有很多问题。但问题的范围是为什么图像没有显示，所以只有部分plu姆宾问题得到了解决。