Javascript 在用户单击的位置向页面添加随机图像

我试图编写一个脚本，在数组中选择一个随机图像，并在鼠标x，y位置显示它。此外，当显示图像时，您可以单击其他位置添加新图像。因此，如果需要，您可以用随机的cat图像填充整个页面

document.onclick=userClicked；
函数userClicked（）{
var x=event.clientX；
var y=event.clientY；
var cat=document.getElementById（“cat1”）；
cat.style.display=''；
cat.style.position='绝对'；
cat.style.left=x-cat.width/2+‘px’；
cat.style.top=y-cat.height/2+‘px’；
}

.image{
宽度：100px；
高度：自动；
}
#第一类{
背景色：红色；
宽度：100px；
高度：自动；
}

---

您可以将所有可能的图像源存储在一个数组中，每次随机选取一个元素，然后追加一个新的

.image{
位置：绝对位置；
}
您可以将所有可能的图像源存储在一个数组中，每次随机选取一个元素，然后追加一个新的

.image{
位置：绝对位置；
}
var img_cats=[]https://www.coopmcs.com/dotclear/public/chat.png',
'https://static.toiimg.com/thumb/msid-67586673，宽-800，高-600，resizemode-75，imgsize-3918697，pt-32，y_焊盘-40/67586673。jpg'
]
document.onclick=userClicked；
函数userClicked（）{
var x=event.clientX；
var y=event.clientY；
var cat=document.getElementById（“cats”）；
cat.src=img_cats[Math.floor（Math.random（）*img_cats.length）]；
cat.style.display=''；
cat.style.position='绝对'；
cat.style.left=x-cat.width/2+‘px’；
cat.style.top=y-cat.height/2+‘px’；
}
.image{
宽度：100px；
高度：自动；
}
#第一类{
背景色：红色；
宽度：100px；
高度：自动；
}


var img_cats=[]https://www.coopmcs.com/dotclear/public/chat.png',
'https://static.toiimg.com/thumb/msid-67586673，宽-800，高-600，resizemode-75，imgsize-3918697，pt-32，y_焊盘-40/67586673。jpg'
]
document.onclick=userClicked；
函数userClicked（）{
var x=event.clientX；
var y=event.clientY；
var cat=document.getElementById（“cats”）；
cat.src=img_cats[Math.floor（Math.random（）*img_cats.length）]；
cat.style.display=''；
cat.style.position='绝对'；
cat.style.left=x-cat.width/2+‘px’；
cat.style.top=y-cat.height/2+‘px’；
}
.image{
宽度：100px；
高度：自动；
}
#第一类{
背景色：红色；
宽度：100px；
高度：自动；
}

@pual没问题。@pual没问题。刚才我看到你需要在页面上保存图像。）刚才我看到你需要在页面上保存图像。）