sanex3339

Визуально - все ок. Но например названия классов стоит выбирать лучше.

wrapper_for_duble_but_not_form

Получил ответ на SO.
stackoverflow.com/questions/35378614/angular2-lara...

Кратко: или делать через HashLocationStrategy, тогда все A2 пути будут содержать перед собой #.
Или для всех A2 роутов в L5 перенаправлять на точку входа для A2. В этом примере на StackOverflow приведет index.html, у меня же это blade шаблон views/backend/content.blade.php, соответственно я сделал для таких роутов контроллер и в экшне указал:
return view('backend.content');

Теперь все ок.

Читайте про типы данных, и посмотрите - в каком типе у вас возвращает значение document.getElementById('b').value.

Подсказка - не в том, в котором нужно сравнивать числовые значения.

На основе варианта Олег Матрозов'а накидал вот такой пример: https://jsfiddle.net/pvskwe2m/11/
Почти то, что надо, но в Firefox'е при таком подходе толщина линий между th получается в 2px, в хроме - как и должно быть - 1px.

Проведите в Paint'е линию диагональную, вот по пикселям этой линии и должен двигаться шарик, ну а движение реализовывать через вектора (и только через них), как написал Александр Аксентьев.

загуглите фразу "javascript array diff". В первом же результате на StackOverflow будет реализация данной ф-ии.

У вас document.getElementById('str1') после клика помещается под курсор, соответственно, при втором клике на другом блоке клик проходит не по блоку а по document.getElementById('str1'), который находится под курсором.
https://jsfiddle.net/4paL37c1/

function makeArmy() {

  var shooters = [];

  for (var i = 0; i < 10; i++) {
    var shooter = function (i) {
        return function () {
            alert(i)
        }
    }(i);
    shooters.push(shooter);
  };

  return shooters;
}

var army = makeArmy();

army[0](); // 0
army[5](); // 5