1. Начнём с создания переменных: const circle = document.createElement('div') 2. Зададим функцию, которая будет генерировать рандомные числа: function getRandomNumber (min, max){ return Math.round(Math.random() * (max - min) + min) } //допустим, что у нашего обьекта вот такие размеры const size = getRandomNumber(10,60) circle.style.width = `${size}px` circle.style.height = `${size}px` 3. Далее нам нужны константы, которые всегда будут находиться в пределах нашего поля и нам не нужно будет каждый раз вводить значения ширины и высоты const {width, height} = board...

Статья связана с репозиторием на GitHub. Так... перейдем к функциональному программированию? Для начала что такое функция. Обывательским языком если, то это какой-то фрагмент кода, который мы можем вызвать одной командой. Самая большая проблема при разработке - дублирование кода. Чем больше по размеру ваш проект, тем больше будет таких мест. Дублирование кода плохо тем, что логика работы одинаковых "кусков" кода должна быть одинаковой всегда. И в момент написания они действительно у вас одинаковые...