Станислав

Попробовал узнать индекс с минимальным значением, для этого создал дополнительный массив и суммировал высоту элементов по индексу, но ничего не вышло
Вот пример

// Дополнительный массив
        var columnsHeight = Array.from({
            length: columnsCount
        }, function () {
            return [];
        });

        React.Children.forEach(children, function (child, index) {

            if (child && React.isValidElement(child)) {
                const { sizeHeight } = child.props.document;
                columnsHeight[index % columnsCount] = +columnsHeight[index % columnsCount] + sizeHeight

                var minIndex = columnsHeight.indexOf(Math.min.apply(null, columnsHeight));
                if (columns[minIndex]) {
                    columns[minIndex].push(child)
                }
                //columns[index % columnsCount].push(child);
            }
        });

Распределяет не правильно, может где то ошибку допустил?

Мне кажется эта конструкция лишняя на данном этапе по крайней мере

if (player_chance > enemy_chance) {
else if (enemy_chance > player_chance)

Там разные переменные фигурируют, почему бы их последовательно не определить.
И лишнее когда переменную переопределяете постоянно
player_hp -= **
Можно сделать что то вроде того (Примерно!)

enemy_hp -= (p <= 10 && p > 7) && 40 || (p <= 7 && p > 5) && 20 || (p <= 5 && p > 0) && 10
player_hp -= (e <= 10 && e > 7) && 40 || (e <= 7 && e > 5) && 20 || (e <= 5 && e > 0) && 10

Ну и тут придется создать функции с цепочками действий, будет и понятно, и гибко

Пока писал заметил что так будет даже лучше

enemy_hp = hp(player_chance)
player_hp = hp(enemy_chance)

function hp(e) {
    return (e <= 10 && e > 7) && 40 || (e <= 7 && e > 5) && 20 || (e <= 5 && e > 0) && 10
}

Но и это еще улучшить можно

var a = "";

Может конечно, даже если у вас на сервере скрипта не будет, сам напишет свой и отправит.
Защищаться от таких действий надо на стороне сервера проверки делать, копайте в сторону csrf token, он отсекет запросы с чужих доменов и прочее, но и этого недостаточно будет в вашем случае, нужно еще проверки делать, частота обращений с одной сессии, может какой то ключ кодировать и сверять на сервере. Вариантов на самом деле масса, все сугубо индивидуально и возможно какую то жесткую проверку делать не целесообразно.
Я лично стараюсь избегать подобного, смысла нет костыли делать, когда проще ногу вылечить

Если JSON.parse не устраивает, можно делать так

<div class="block js-block-obj" data-info-b=10 data-info-s=1></div>

Как и всегда

document.querySelector('.reviews_next') && document.querySelector('.reviews_next').addEvent..........

На сколько я помню в jQuery есть animation, его и используй, тогда по идеи рывки должны исчезнуть. Если без jQuery то в цикле +1px надо делать. Или попробовать добавить в css transition, но я не знаю будет ли работать это в паре с js, надо смотреть.

А вобще судя по тому что нужно, лучше добавлять определенный класс блоку для сдвига, а в CSS уже определить transition и тогда будет счастье

На держи
https://jsfiddle.net/webphp/wfgqqcf7/

window.onclick = function onclickRadio() {
  var rezultatRadio = '';
// Дальше все остальное

Я обычно не парюсь, тупо по необходимости создаю элемент script и подгружаю библиотеку. К примеру с plupload, он по сути нужен только тогда когда кто то хочет загрузить файл, ну вот и подключаю скрипт тогда когда это необходимо.

Решение напрашивается само, кликнул -> создал script с нужным src и выставил его перед /body, вот собственно и все и никаких релоадов и прочего не нужно

А где сам обработчик клика по строке в таблице?

var e = document.querySelectorAll('tr');
Array.prototype.forEach.call(e, function(e) {
    e.addEventListener('click', n)
});

function n(e) {
    var id = e.target.getAttribute('data-id');
    $.getJSON...............
         for..........
              if(id == data[i].id)
                   // че то делаем
   
}