How to add elements in HTML at random positions without overlapping

Question

How can i add an image to HTML multiple times at random positions without overlapping, using JavaScript ? I have an image of size 128x160. I tried using array to record previous indexes of image, but it didn't work for me.

Answer 1

https://code.sololearn.com/Wd1nuGDLR8Nr/?ref=app

Answer 2

Try this: https://chemapps.stolaf.edu/jmol/docs/#writeimagesandframes

Answer 3

Calviղ Thanks for this perfect solution !

Answer 4

same