Иван Клименко

В JavaScript’е цикл for не возвращает значение. Вынесите цикл в функцию и вызывайте её.

Вот так, например:

const tableRow = ({id, name, token, owner_id}) => (`
    <tr id="${id}" class="table-activate">
        <td scope="col">${id}</td>
        <td scope="col">${name}</td>
        <td scope="col">${token}</td>
        <td scope="col">${owner_id}</td>
    </tr>
`);

const tableBody = data => data.reduce((body, elem) => (body + tableRow(elem)), '');

content.append(`
    <thead>
        <tr>
            <th scope="col">#</th>
            <th scope="col">First</th>
            <th scope="col">Last</th>
            <th scope="col">Handle</th>
        </tr>
    </thead>
    <tbody>
        ${tableBody(data)}
    </tbody>
`);

На самом деле вся задача заключается в том, что нужно найти, возможно ли из набор значений разбить на два набора, суммы элементов в которых будут равны. Решаете эту задачу отдельно для смещений по X и отдельно для смещений по Y. Если оба раза есть такие разбиения, то возвращаете ответ, в котором минусы будут расставлены у значений из какого-то одного разбиения.

Кажется, что автор хочет увидеть, как можно переписать функцию в более функциональном стиле. Например, вот так:

function convertText(str, key) {
    key = (26 - key) % 26;

    return [...str].map(symb => {
        const code = symb.charCodeAt(0);
        let shift = 0;

        if ((65 <= code) && (code <= 90)) {
            shift = 65;
        } else if ((97 <= code) && (code <= 122)) {
            shift = 97;
        }
        
        if (shift > 0) {
            return String.fromCharCode(shift + ((code - shift + key) % 26));
        } else {
            return symb;
        }
    }).join('');
}

alert(convertText('Hmjw uzsfuw dwv eq xjawfv Zwjumdw Hgajgl, xgjewjdq uzawx gx lzw Twdyasf xgjuw, lg tw ugffwulwv oalz lzw Klqdwk uskw', 18));

Например, вот так:

const s = "Destiny\s Child";
s.replace(/(s )/g, "'s ");

Вынесите создание пагинации в отдельную функцию. Подпишитесь на событие change у selecta'а. При событии вызывайте функцию создания пагинации и первой страницы таблицы.

В фигурных скобочках пишут JavaScript-код. Соответственно, если вы напишите onClick={props.onClick()}, то это будет вызовом функции, а результат этого вызова будет присвоен свойству onClick кнопки. А надо, чтобы это была функция, что достигается строчкой onClick={props.onClick}.

Автор, вот ваш исправленный пример, подчистил JS, но HTML трогать не стал.

В целом идея следующая: чтобы кривая смотрелась цельной, надо сохранять расстояние между её соседними точками. В коде это расстояние обозначено как ds. В случае вашей спирали радиус увеличивается на одинаковую величину при каждом обороте. В моём коде это dr.

Мы знаем, текущий радиус r и расстояние, которое должно быть между точками, поэтому можем легко вычислить увеличение текущего угла phi = arctg(ds / dr).

Теперь осталось вычислить увеличение радиуса. Мы знаем, на какую величину изменяется радиус при полном обороте, также нам известен угол, на который повернулся радиус. Увеличение радиуса будет пропорционально увеличению угла: r += dr * phi / (2 * pi).

Вот и всё =)