0xD34F

if (!mutations[0].target.disabled) {
  ...
}

Не надо ничего добавлять/удалять - пусть будет одно окно для всех.
Будете его показывать/скрывать при клике на ячейку. Например.

В консоле выдает Uncaught TypeError: next is not a function

Вы обработчики подключили инлайново, а по умолчанию jsfiddle оборачивает код в window.onload - вот они и отсутствуют в глобальной области видимости. Либо назначайте обработчики с помощью addEventListener; либо в верхней части окна с js кодом есть выпадающее меню, открываете его, находите пункт "load type", выставляете значение "No wrap - bottom of < body >".

Как выделить при помощи класса текущее число, не выходит
добавляю...

Это безумие - currDay является датой, а вы пытаетесь работать с ней как с DOM нодой, classList.add, бред какой-то. Ну и само условие неправильное - год и месяц вы всегда при проверке используете одни и те же, где тут currDay? Должен быть. А проверка числа - ещё одно безумие, вы его сравниваете с объектом даты.

Кроме того, есть ещё косяк с генерацией элементов календаря, у вас там условие currDay.getMonth() <= month. Представьте, что следующий месяц - январь, год кончается. Что будет с вашим условием? Правильно, оно останется истинным. Навсегда. Лучше сделать так: проверяете равенство, без "меньше", а while заменяете на do-while - тогда числа предыдущего месяца, формально не подходящие под условие, всё равно будут обработаны, так как тело цикла выполняется до проверки условия.

исправлено

str.replace(/^\S+ /, '')

document.querySelectorAll('.restab').forEach((n, i) => {
  n.id = `responsivetable${++i}`;
});

// или

for (const [ i, n ] of document.querySelectorAll('.restab').entries()) {
  n.attributes.id.value = 'responsivetable' + (i + 1);
}

// или

const elems = document.getElementsByClassName('restab');
for (let i = 0; i < elems.length; i++) {
  elems[i].setAttribute('id', 'responsivetable'.concat(-~i));
}

$('.reeder').click(function() {
  const $box = $(this).closest('.box').toggleClass('none');
  $box.parent().find('.box').not($box).addClass('none');
});

или

const $boxes = $('.box').on('click', '.reeder', e => {
  $(e.delegateTarget).toggleClass('none');
  $boxes.not(e.delegateTarget).addClass('none');
});

function onlyOne(checkbox) {
  for (const n of document.getElementsByName(checkbox.name)) {
    n.checked = n === checkbox ? n.checked : false;
  }
}

или

function onlyOne(checkbox) {
  checkbox
    .closest('.group')
    .querySelectorAll('input[type="checkbox"]')
    .forEach(n => n.checked = n.checked && n === checkbox);
}

А зачем вы обернули объявление функции checkParams в ready? - снаружи она не видна, отсюда и ошибка. Уберите ready, или назначайте обработчики там же, где и функция объявлена, а не инлайново.

https://jsfiddle.net/m913pr75/

...как мне правильно написать регулярку для jq метода find(), чтобы он...

Никак. Если бы вы составили себе труд ознакомиться с документацией, то знали бы, что find с регулярными выражениями не работает.

<select id="person"></select>
<select id="key"></select>
<span id="value"></span>

const data = [
  {
    "ФИО": "Иванов Сергей",
    "Адрес": {
      "Город": "Москва",
      "Улица": "Пятницкая",
      "Дом": "35",
    },
  },
  {
    "ФИО": "Сидоров Иван",
    "Адрес": {
      "Город": "Питер",
      "Улица": "Ленина",
      "Дом": "42",
    },
  },
];


const selects = [
  Select('#person', data.map(n => n['ФИО'])),
  Select('#key', Object.keys(data[0]['Адрес'])),
];

selects.forEach(n => n.addEventListener('change', onChange));


function Select(selector, options) {
  const el = document.querySelector(selector);
  el.append(...options.map(n => new Option(n)));
  el.value = null;
  return el;
}

function onChange() {
  const [ person, key ] = selects.map(n => n.value);
  if (person && key) {
    const value = data.find(n => n['ФИО'] === person)['Адрес'][key];
    document.querySelector('#value').textContent = value;
  }
}

const getUnique = arr => Array
  .from(arr.reduce((acc, n) => acc.set(n, acc.has(n)), new Map))
  .reduce((acc, n) => (n[1] || acc.push(n[0]), acc), []);


const result = getUnique(arr);

или

const getByCount = (arr, checkCount) => Array
  .from(arr.reduce((acc, n) => acc.set(n, -~acc.get(n)), new Map))
  .reduce((acc, n) => (checkCount(n[1]) && acc.push(n[0]), acc), []);


const result = getByCount(arr, count => !~-count);

Является ли нормальной практикой создание нового метода , включающего в себя эти три метода

Если вам надо эти методы вот так вот вызывать в нескольких местах - определённо стоит сделать.

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

buildButton(() => {
  this.drawSomeButtons();
  this.changeSomeVariables();
  this.doSomethingElse();
});

for (var def = 1; def <= n; n++) {

Может, всё-таки должно быть def++ вместо n++?

Один x - свойство экземпляра, другой - статический геттер:

class Base {
  constructor() {
    this.x = 3;
  }

  static get x() {
    return 1.5;
  }
}

Классом этой штуке быть не обязательно:

function Base() {
  this.x = 3;
}
Base.x = 1.5;

// или

function Base() {}
Base.prototype.x = 3;
Base.x = 1.5;

UPD. Наконец-то появились статические свойства, а свойства экземпляра стало необязательно инициализировать в конструкторе:

class Base {
  x = 3;

  static x = 1.5;
}

Получаем массив значений, достаём из него нужный элемент:

const getValue = (obj, index = 0) =>
  Object.values(obj)[index];

Или, перебираем имена свойств, считаем собственные:

function getValue(obj, index = 0) {
  for (const k in obj) {
    if (obj.hasOwnProperty(k) && !index--) {
      return obj[k];
    }
  }
}

Например:

$('.list_add_room').on('click', '.butt_edit', function() {
  const $el = $(this).closest('.item_contain_list').find('p');
  $('.list_add_room [contenteditable="true"]').not($el).removeAttr('contenteditable');
  $el.attr('contenteditable', (i, val) => val !== 'true').focus();
});

Есть ещё и такой вариант - убирать contenteditable при потере фокуса:

$('.list_add_room').on('click', '.butt_edit', function() {
  $(this).closest('.item_contain_list').find('p').attr('contenteditable', 'true').focus();
}).on('blur', '[contenteditable="true"]', function() {
  $(this).removeAttr('contenteditable');
});

Вы пытаетесь назначить обработчик события элементам, которых нет. Нет на момент назначения.

Поставьте код ниже элементов, или оберните его в $(function() { }), или воспользуйтесь делегированием:

$(document).on('change', 'input[type="radio"]', function() {
  $('.color').text($(this).val());
});

я открыл доселе неизвестный it-сообществу баг...

Ага, щас. Десять багов.

... или где-то далеко по мне плачет один учебник по js?

Так точно.

Замените setInterval(this.tick, interval); на

setInterval(this.tick.bind(this), interval);

или на

setInterval(() => this.tick(), interval);