setAttribute - установить два значения случайных чисел для одного атрибута

Question

Мне нужно сгенерировать два случайных значения для одного и того же атрибута. Оба значения numeri c от 5 до 35 для создания пунктирных линий произвольной длины в SVG.

Вот идеальный результат

<path stroke-dasharray="20 7" /> 
<path stroke-dasharray="9 27" /> 
<path stroke-dasharray="13 33" /> 

Это то, что я использую для создания одного атрибута значение

    rect.setAttribute("stroke-dasharray", Math.floor(Math.random() * 30 + 5));

Вот оно в действии https://jsfiddle.net/6a42rsty/ не то, потому что в атрибуте stroke-dasharray есть только одно значение, линии и пробелы равны. они должны варьироваться

Какой наиболее эффективный способ разделить два случайных значения пробелом?

Answer 1

Вы можете сделать:

function getRandomNum(){
    return Math.floor(Math.random() * 30 + 5);
}

rect.setAttribute("stroke-dasharray", `${getRandomNum()} ${getRandomNum()}`);