Сколько коробок 10 х 10 вписывается в div?

Question

Это небольшая математическая проблема, смешанная с некоторым JavaScript, у меня есть это настраиваемое div (https://imgur.com/a/Pec9Duq), при нажатии на submit, оно будет полностью заполнено 10 на 10 меньше div's.

Но я не совсем знаю, как рассчитать, сколько строк из 10 на 10 div's поместится в parent.

То, что у меня сейчас есть, это код:

var w_items = Math.ceil(def_w / 10),
    h_items = Math.ceil(def_h / 10);

Это возвращает мне округленные width и height из сказанного parent, не знаю, как рассчитать, сколько будет соответствовать мыслидобавить их вместе или что-то еще?

Answer 1

Умножьте ширину и высоту родительского div.Вы получите его площадь.Тогда площадь маленького делителя равна 100 из-за 10x10 = 100.Тогда все, что вам нужно сделать, это Math.floor(parentArea/smallDivArea), и вы получите количество маленьких div, которые могут вписаться в большой div.

Answer 2

Если вы укажете значение (также известное как целочисленное деление) вместо потолка, вы получите количество элементов, которые могут поместиться по горизонтали и вертикали.Общее количество будет составлять w_items * h_items.