Почему value у input type = radio равен undefined?

Ваше решение с текущей реализаций не заработает, даже при подключении jquery. Только если хандлер переписать. Или использовать:
$(event.target).val()
Если не знаете почему, то бегом изучать основы js.
Вот вам демо для раздумий: https://jsfiddle.net/2fzwxj50/
загляните в консоль. jquery подключен.

Почему value у input type = radio равен undefined?

Данил Разумков, вы какой-то маразм сейчас написали, простите.
Вот мое решение https://jsfiddle.net/48gx3fh5/
Оно же в ответе. А у вас какая-то туфта. Вы зачем-то передаете аргументом выражение:
<b>event</b>t
смысл которого понятен, видимо, только вам.
Не знаю, что вы этим хотели сказать.

Почему value у input type = radio равен undefined?

Данил Разумков, покажите где? У меня передается onchange="change(event)". А onchange="change(el)" работать не будет, так как объекта el нет в глобальном скоупе.

Почему value у input type = radio равен undefined?

Данил Разумков, как и полагается, в e передается Event.

Почему value у input type = radio равен undefined?

JackShcherbakov, вот демо https://jsfiddle.net/48gx3fh5/ . Все отлично работает.

Скрипт не успевает выполняняться?

Exploding, посмотрите еще _.debounce, тоже очень крутая штука. Возможно, в данном случае, даже будет лучше использовать ее.

Александр, попробуйте еще _.debounce c меньшим таймаутом(например 300). Может, вам она даже больше подойдет. Ну, и просто знайте, что такая функция есть.

Об отличиях:
https://habrahabr.ru/post/60957/
https://webdevkin.ru/posts/frontend/kak-ispolzovat...

Как в webpack зделать синхронную подгрузку чанков?

Вы имели ввиду последовательную? Вопрос зачем?

Почему не срабатывает z-index?

Влад, с минимальными трудозатратами вы можете:
1. убрать у .R-col position: relative, но это может что-то поломать в вашей верстке.
2. перенести модалку в body. Отличное решение.

Могу ли я отказаться от проекта?

Странно, что вы его вообще взяли. Сам ушел из Angular разработки из-за необходимости колупаться во всяком старье. Попробовал React и больше я к Angular ни за что не вернусь.

Почему не срабатывает z-index?

Влад, выносите модалку из .R-col. А зачем, вообще, .R-col выставлен z-index: 20?

Почему не срабатывает z-index?

Влад, ответ тут https://jsfiddle.net/ycyym828/
Попробуйте изменить в песочниче z-index для .relative с 10 на 11.
У вас на сайте .columns > .R-col с z-index: 20 и modal-backdrop с z-index: 20
Получается такая же ситуация как в песочнице.

Как правильно отредактировать скрипт клонирования объекта?

Откройте гугл и посмотрите, как это правильно делается. Ваша функция сlone ничего не клонирует. Возвращает инстанс Clone с записанной в прототип ссылкой на инстанс TestObject.

В строке ниже вы только записываете ссылку на объект testObj в прототип Clone, вы не делаете его копию:
Clone.prototype = this;
Пока вы не понимаете почему передается лишь ссылка, дальнейшие рекомендации бессмысленны.
Учите самые основы js.

Всегда показывать размеры viewport opera?

утилиту свою напишите, там пара строк js + css

Насколько хорош этот код? Или можно лучше?

Exploding, точно! Что-то я забываю о мелочах.

$('body').on('click', '.dropdown', function(e) {
  $('.dropdown').not(this).removeClass('active');
  if (e.target === this) $(this).toggleClass('active');
  e.stopPropagation();
});

$(document).click( function(){
  $('.dropdown').removeClass('active');
});

https://jsfiddle.net/wmo4m2d7/

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

Насколько хорош этот код? Или можно лучше?

Exploding, точно!
Получается вариант:

$(document).on('click', '.dropdown', function(e) {
  $('.dropdown').not(this).removeClass('active');
  $(this).toggleClass('active');
});

от варианта автора будет отличаться, только тем, что во варианте автора активный элемент dropdown, помимо всего прочего, закрывается по клику в любом месте документа вне dropdown. Можно попробовать и это лаконично решить.

Навскидку такой вариант в голову пришел:

$('body').on('click', '.dropdown', function(e) {
  $('.dropdown').not(this).removeClass('active');
  $(this).toggleClass('active');
  e.stopPropagation();
});

$(document).click(function(){
   $('.dropdown').removeClass('active');
});

Демо: https://jsfiddle.net/qpf9z9cb/

Как лучше всего разрабатывать свою сетку на Grid через классы?

Иван Смирнов, математика. Абсолютное позиционирование и transform translate для координат. Ширина элементов и координаты подстраиваются под ширину браузера. Все обрабатывается с помощью js
У самой библиотеки в зависимостях react-druggable и react-resizable

Насколько хорош этот код? Или можно лучше?

Neyury, я сам уже два года как работаю исключительно с React. Хорошо понимаю эту разницу.
Касательно нативного js? написать интерактивные элементы на нем можно, не спорю, и сейчас это сделать гораздо легче. Но зачем? Даже команда twitter не отказалась от использования jQuery в Bootstrap 4 потому что в этом нет никакого смысла. Так их библиотека легче, а модернизировать ее гораздо быстрей. Не соглашусь с вами, насчет JQuery в прошедшем времени. Он пока остается хорошим решением для небольших проектов, и лучшим чем нативный js, по четырем простым причинам:
1. Экономит время и деньги.
2. Стандартный известный каждому разработчику API. Не надо искать людей согласных поддерживать ваши самописные велосипеды.
3. Огромное количество библиотек и плагинов тот же Bootstrap, многочисленные галереи, анимации , эффекты, слайдеры, и пр.
4. Нет объективных причин его не использовать.

Насколько хорош этот код? Или можно лучше?

pavelkunyavskiy, ну если у вас настолько плохо с js, давайте объясню:
1. в версии автора используется делегирование событий,
2. в версии автора может быть только один активный элемент, если их много.

Насколько хорош этот код? Или можно лучше?

Neyury, вы:
1. видимо, не читали моих аргументов
2. не знаете о чем говорите
3. не работали в проектах в которых надо писать код

Последний раз когда работал с VanillaJS, а это была разработка немецкой социальной сети на Laravel + ES6. За время разработки была написана собственная библиотека https://github.com/Mevrael/bunny .
Если бы мы хотя бы использовали JQuery, время разработки фронтовой части сократили бы, как минимум, вдвое.
Но по-хорошему надо было использовать React или Angular.
Такое вот дурацкое решение руководства и CTO. Это был 2015 год, тогда модно было говорить, что с ES6 можно можно эффективно писать сложные проекты на ванильном js, но на практике это оказалось не так.

Насколько хорош этот код? Или можно лучше?

Антон, спасибо, что рассказываете об этом фронтенд разработчику. Только вот автор не использует babel.
А решение abberati все еще работает не так, как пример автора и babel тут ничем не поможет.