How to fill <div> with <div> randomly?

Question

Js/css/html
I want to make something like ideal gas model. I need to fill container with ~100 small circle. Then I want to animate them and stuff.
So, how to fill container with circles with random coordinates? 🤔

Answer 1

Замечательно! Следите и спрашивайте, нужна ли вам помощь где-либо😁

Answer 2

You can either use canvas to draw some circles or can use div with property border-radius as 50% to create circles with random radius at random positions within a fixed area.
Here's a code I had created while learning JS. It creates 10 random circles. Obviously, gas molecules won't be that big but that can be managed by decreasing range of random for radius. Furthermore you can ignore( lengthy code) inter-molecule collisions.
Edit: I forgot to mention my code.
Here it is:
https://code.sololearn.com/W0vDJFoFn7iq/?ref=app

Answer 3

Tarasov Maks Хахаха, прости, я забыл упомянуть об этом. Я редактировал это.

Answer 4

Можно на русском хахах

Answer 5

А как код посмотреть? Он где-то к коментарию прикрепился?

Answer 6

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

Answer 7

Ну это очень похоже на то что мне нужно. Уже как раз начал думать насчет канваса.

Answer 8

Окей!