WapSter

У тега p убери марджины сверху и снизу используй паддинги

в data атрибуты и прокомментировать, какой data-атрибут за что отвечает. Ну или в json и к нему readme добавить.

1. Без разницы, для небольшого скрипта. А так json лучше, так-как меньше совершаем преобразование типов, все хранится в одном месте, меньше гоняем DOM.
2. input для таких целей использовать желательно на самом деле, сможете без проблем отправить данные в backend

Когда функция, что либо возвращает через return, она выходит из стека и прекращает свою работу.

Яндекс огромен, и они все соки высасывают из своей же методологии БЭМ. Цепляют модификаторы, так как обычный ховер не умеет изменять классы. А так различные причины могут быть, прицепить класс одна из них.

\n перенос, \t табуляция

Возвращайте массив значений. Еще можно как объект:

function a(){
    var d=2;
    var c=3;
    var f=4;
    return { d, c, f}
  }

Все работает

много вариантов, но могу натолкнуть на мысль, верстаете изначально все линии, задаете им opacity: 0; transition: opacity 300ms; при выборе нужного элемента при помощи :hover или кодом js даете нужной лини opacity: 1;

var input = $('input');
$('form').on('change', function(){
   if(input.val().length) {
      // поле заполнено
   } else {
     // поле не заполнено;
  }
});

для отдельного поля событие input/change, для селекта change и проверяете на дефолтное знаечени

button так и так отработает по нажатию enter даже, если display: none; . А если нужно какое-то кастомное действие, то:

document.addEventListener('keydown', function (e) {
   if (e.keyCode === 13 ) {
      e.preventDefault();
      // ваш код
   }
})

function resize() {
   if ( $(window).width() < 992 ) {
       $('.item_tab').matchHeight();
   }
}
$(window).on('load resize', resize);