0xD34F

function onlyOne({ value, dataset: { group } }) {
  document.querySelectorAll(`[data-group="${group}"]`).forEach(n => {
    n.checked = n.checked && n.value === value;
  });
}

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

Замените

todoList.forEach(function(element) {
  document.getElementById('out').innerHTML += '<p>'+element+'</p>';
});

на

document.getElementById('out').innerHTML = todoList.map(n => `<p>${n}</p>`).join('');

Создать элементы на основе строки, найти и удалить ненужные, получить разметку оставшихся:

const div = document.createElement('div');
div.innerHTML = html;
div.querySelectorAll('a[href*="/test/"]').forEach(n => n.outerHTML = '');
html = div.innerHTML;

или

const { body } = new DOMParser().parseFromString(html, 'text/html');
body.querySelectorAll('a[href*="/test/"]').forEach(n => n.remove());
html = body.innerHTML;

или

const fragment = document.createRange().createContextualFragment(html);
fragment.querySelectorAll('a[href*="/test/"]').forEach(n => n.parentNode.removeChild(n));
html = Array.from(fragment.childNodes, n => n.outerHTML || n.nodeValue).join('');

Значения атрибутов - это строки. Надо при сравнении преобразовывать их в числа.

UPD. Ну и в целом - многословно как-то у вас. Можно же гораздо короче:

function sort(desc, attr) {
  const select = document.querySelector('#search-sort-field');
  select.append(...Array
    .from(select.children, n => [ n, n.getAttribute(attr) * (desc ? 1 : -1) ])
    .sort((a, b) => a[1] - b[1])
    .map(n => n[0])
  );
}

Куда будем добавлять строки:

const tbody = document.querySelector('#table tbody');

// или

const [ tbody ] = document.getElementById('table').tBodies;

Добавляем:

tbody.innerHTML = arr
  .map(n => `
    <tr>
      <td><a href="${n.link}">${n.city}</a></td>
      <td>${n.country}</td>
    </tr>`)
  .join('');

или

for (const n of arr) {
  const tr = tbody.insertRow();
  const a = document.createElement('a');
  a.href = n.link;
  a.text = n.city;
  tr.insertCell().append(a);
  tr.insertCell().textContent = n.country;
}

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

const dialog = new DOMParser().parseFromString(`
  <div id="add-note__quick">
    <i id="close">&times;</i>
    <input type="text" class="field" placeholder="Событие">
    <input type="text" class="field" placeholder="День, месяц, год">
    <input type="text" class="field" placeholder="Участники">
    <button>Создать</button>
  </div>
`, 'text/html').body.querySelector('#add-note__quick');

dialog.querySelector('#close').addEventListener('click', () => {
  dialog.parentNode.removeChild(dialog);
});

let selectedTd = null;

document.querySelector('#calendar-body').addEventListener('click', ({ target }) => {
  if (target.tagName !== 'TH') {
    return;
  }

  if (selectedTd) {
    selectedTd.classList.remove('note');
  }

  if (selectedTd === target) {
    target.removeChild(dialog);
    selectedTd = null;
  } else {
    dialog.querySelectorAll('input').forEach(n => n.value = '');
    target.appendChild(dialog);
    target.classList.add('note');
    selectedTd = target;
  }
});

$merged = [];
foreach ($arr as $item) {
  $key = $item['id_user'].'/'.$item['price'];
  if (array_key_exists($key, $merged)) {
    $merged[$key]['count'] += $item['count'];
  } else {
    $merged[$key] = $item;
  }
}
$merged = array_values($merged);

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

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

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

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

Есть и ещё косяки:

Не очищаете содержимое #calendar-body при переключении месяца. Не хватает tbl.innerHTML = ''; перед циклом.

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

UPD. Зачем дни недели вписаны в первую неделю? - я бы их в заголовок таблицы (thead) вынес.

Неочевидный косяк - переменный размер календаря. В зависимости от количества дней в месяце и дня недели первого числа количество недель может быть равно 4, 5 или 6. Пусть всегда будет 6. Да, будет показываться больше дней из соседних месяцев, но высота календаря перестанет изменяться при переключении месяца.

https://jsfiddle.net/v4fwn8dx/

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

// или

str.match(/(?<= ).+/)[0]

// или

str.split(' ').slice(1).join(' ')

// или

str.slice(str.indexOf(' ') + 1)

О каких элементах идёт речь, какая у них должна быть общая часть id:

const elements = document.querySelectorAll('.restab');
const baseId = 'responsivetable';

Как назначать id в зависимости от индекса:

const setId = (el, index) => el.id = `${baseId}${-~index}`;

// или

const setId = (el, index) => el.setAttribute('id', baseId + ++index);

// или

const setId = (el, index) => {
  const id = document.createAttribute('id');
  id.value = baseId.concat(index + 1);
  el.attributes.setNamedItem(id);
};

Назначаем:

elements.forEach(setId);

// или

for (const [ i, n ] of elements.entries()) {
  setId(n, i);
}

// или

for (let i = 0; i < elements.length; i++) {
  setId(elements[i], i);
}

// или

(function next(i, n = elements.item(i)) {
  n && (setId(n, i), next(-~i));
})(0);

погуглил за вас

$('.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');
});

Рекурсия есть:

def printSinglyLinkedList(node):
  if node != None:
    printSinglyLinkedList(node['next'])
    print(node['value'])


printSinglyLinkedList(d)

Рекурсии нет:

def reverseSinglyLinkedList(head):
  prevNode = None
  currNode = head

  while currNode != None:
    nextNode = currNode['next']
    currNode['next'] = prevNode
    prevNode = currNode
    currNode = nextNode

  return prevNode

А где у вас там в компоненте my-app свойство fontSizePx, которое вроде бы (если верить шаблону) должно отвечать за размер? - что-то не вижу такого. Добавляем, всё окей.

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);
}

customPaging: (slider, i) => `<a>${i + 1}</a>`

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