Javascript 如何在每个动态创建的图像下方显示数字？

我想显示一个特定的图像，显示次数与用户给出的数字相同。这部分已经完成。但是我想在每张图片下面显示一个数字。例如，如果用户输入为4，则应在第一个图像“1”下方有4个图像，在第二个图像“2”下方有4个图像。图像也必须是可点击的

单击按钮将新元素添加到数组中

试试看
函数imag（c，x）{
var x=document.getElementById（“myNumber”）.value；
var c=“”；
var-arr=[]；
对于（变量i=0；i

您已经在循环中找到了要查找的号码。因此，您可以像这样简单地将其添加到数组中

JS:

var-imageSrc=”http://fc08.deviantart.net/fs71/f/2010/148/1/9/20x20_PNG_Icons_DOMO_by_JMcIvor.png";
函数imag（c，x）{
var x=document.getElementById（“myNumber”）.value；
var demo=document.getElementById（“demo”）；
var container=document.createElement（“div”）；
setAttribute（“类”、“容器”）；
对于（var i=0；它获取图像右侧的数字。它必须位于image@mohit我用一些css编辑了我的答案，以显示图像下方的数字。
function imag() {
    var x = document.getElementById("myNumber").value;
    var c = "<img src='C:/Users/Akhil/Desktop/New folder/G.jpg'/>";

    var arr = [];
    for (var i = 0; i < x; i++) {
        arr.push("<div class='image'>" + c + "<br />" + (i+1) + "</div>");
    }

    document.getElementById("demo").innerHTML = arr.join("&nbsp&nbsp");
}

div.image {
    display: inline-block;
}