0xD34F

$(document).on('input', '.editor', function() {
  const content = $('.editor')
    .get()
    .map(n => `\n  <li>${$(n).html()}</li>`)
    .join('');

  $('textarea').val(`<ul>${content}\n</ul>`);
});

str.replace(/.{4}(?!$)/g, '$&-')

// или

str.match(/.{1,4}/g).join('-')

// или

str.split(/(?<=^(?:.{4})+)/).reduce((acc, n) => acc + (acc && '-') + n, '')

// или

''.concat(...[...str].map((n, i) => !i || i % 4 ? n : `-${n}`))

// или

Array.from(
  { length: Math.ceil(str.length / 4) },
  (n, i) => str.slice(i * 4, (i + 1) * 4)
).join`-`

const items = document.querySelectorAll('.yourself-item__title');
const height = `${Math.max(...Array.from(items, n => n.clientHeight))}px`;
items.forEach(n => n.style.height = height);

При загрузке страницы вы прячете .accordion__grandchild__item, а переключаете видимость у родительских элементов - .accordion__grandchild__group. Надо как-то устранить это печальное несоответствие.

$('select').change(function() {
  const v = this.value;
  $('.sum').text($(`.element${v === '*' ? '' : `.${v}`}`).length);
});

или

document.querySelector('select').addEventListener('change', e => {
  const v = e.target.value;
  const s = '.element' + (v === '*' ? '' : '.' + v);
  document.querySelector('.sum').textContent = document.querySelectorAll(s).length;
});

Добавляете элементам data-атрибуты, в зависимости от того, за какую часть имени отвечают их значения. Слушаете событие input - собираете значения, из значений собираете имена. Как-то так:

<select data-prop="type">
  <option hidden></option>
  <option value="type1">hello, world!!</option>
  <option value="type2">fuck the world</option>
  <option value="type3">fuck everything</option>
</select>
<br>
<input placeholder="name1" data-prop="name">
<input placeholder="name2" data-prop="name">
<input placeholder="name3" data-prop="name">
<br>
<input placeholder="url1" data-prop="url">
<input placeholder="url2" data-prop="url">
<input placeholder="url3" data-prop="url">
<br>
<input class="value" disabled>
<input class="value" disabled>
<input class="value" disabled>

const getValues = prop =>
  Array.from(document.querySelectorAll(`[data-prop="${prop}"]`), n => n.value);


document.addEventListener('input', e => {
  if (!e.target.dataset.prop) {
    return;
  }

  const type = getValues('type')[0];
  const names = getValues('name');
  const urls = getValues('url');

  document.querySelectorAll('.value').forEach((n, i) => {
    n.name = n.value = `xxx[${type}][${names[i]}][${urls[i]}]`;
  });
});

Достаточно добавить один символ... Или убрать. Вот здесь:

if (item.innerText === currentPage) {

Одно значение является строкой, другое числом. Число строке не может быть равно. Так что или выполняйте сравнение с приведением типов:

item.innerText == currentPage

Или превращайте строку в число явным образом:

+item.innerText === currentPage

$('.input_1').each((i, n) => console.log(n, n.value ? 'я заполнен' : 'я пуст'));

console.log($('.input_1').get().some(n => n.value) ? 'кто-то заполнен' : 'все пустые');

console.log($('.input_1').toArray().every(n => n.value) ? 'все заполнены' : 'кто-то пуст');

console.log(Array.from($('.input_1')).filter(n => n.value), 'мы заполнены');

console.log([...$('.input_1').not((i, n) => n.value)], 'мы пустые');

function getDateInTimeZone(utcOffset, date = new Date()) {
  const utcTime = date.getTime() + date.getTimezoneOffset() * 60000;
  return new Date(utcTime + utcOffset * 3600000);
}


const moscowDate = getDateInTimeZone(3);
const newYorkDate = getDateInTimeZone(-5);
const tokyoDate = getDateInTimeZone(9);

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

const digital_root = num => num > 9
  ? digital_root([...`${num}`].reduce((acc, n) => acc + +n, 0))
  : num;

Всем элементам добавляете общий класс menu__item, ну и вперёд:

.opacity {
  opacity: 0.4;
}

const $items = $('.menu__item')
  .mouseenter(e => $items.not(e.target).addClass('opacity'))
  .mouseleave(e => $items.removeClass('opacity'));

const getNested = (obj, keys) => keys.reduce((p, c) => p?.hasOwnProperty(c) ? p[c] : null, obj);

Получаем список ключей, перебираем, кто не равен чему надо - удаляем:

Object.keys(obj).forEach(n => n !== key && delete obj[n]);

Конечно, было бы проще создавать новый объект с нужным ключом:

obj = { [key]: obj[key] };

Но вообще, почему надо ограничиваться лишь одним ключом?

Удаляем ключи существующего объекта кроме указанных:

const deleteKeys = (obj, except) =>
  Object.keys(obj).forEach(n => except.includes(n) || delete obj[n]);


const obj = { a: 1, b: 2, c: 3, d: 4 };
deleteKeys(obj, [ 'a' ]);
console.log(obj); // {a: 1}

Собираем копию объекта, где будут отсутствовать ключи кроме указанных:

const pick = (obj, keys) =>
  Object.fromEntries(keys.map(n => [ n, obj[n] ]));


const obj = { a: 1, b: 2, c: 3, d: 4 };
console.log(pick(obj, [ 'a', 'd' ])); // {a: 1, d: 4}

По наличию какого класса будем опознавать элементы, которые должны быть подвергнуты суммированию; куда надо записывать сумму; и как эту сумму посчитать:

const className = 'select';
const sumEl = document.querySelector('.sum');
const sum = elements =>
  Array.prototype.reduce.call(
    elements,
    (acc, n) => acc + (+n.value || 0),
    0
  );

Делегирование, назначаем обработчик события change один раз:

const updateSum = () => sumEl.textContent = sum(document.getElementsByClassName(className));
document.addEventListener('change', e => e.target.classList.contains(className) && updateSum());
updateSum();

Или, назначаем обработчик каждому элементу индивидуально:

const selects = document.querySelectorAll(`.${className}`);
const updateSum = () => sumEl.innerText = sum(selects);
selects.forEach(n => n.addEventListener('change', updateSum));
updateSum();

Перед запуском новой анимации останавливайте предыдущую, воспользовавшись методом stop.

$(audio_dr).attr('value',

это делается иначе

Неправильно расположен элемент .submenu, он должен находится внутри того же li, что и соответствующий ему .profile-menu-trigger.

Ну и не надо назначать новый обработчик mouseleave при каждом mouseenter, достаточно и одного раза:

$('.profile-menu')
  .on('mouseenter', '.profile-menu-trigger', function() {
    $(this).next('.submenu').fadeIn(500);
  })
  .on('mouseleave', 'li', function() {
    $(this).find('.submenu').fadeOut(500);
  });

stop() {
  $('.sortable-item input', this).val(i => i + 1);
},

console.log(Object.entries(obj).reduce((max, n) => n[1] > max[1] ? n : max).join(': '))

if (counting >= 10) {
   level++;
   counting = 0;

Разница между 10 и counting (кроме 10, может принимать значения 11, 12 или 13) теряется - поэтому ваши результаты меньше ожидаемых. Может, не стоит считать каждую десятку отдельно? - сложновато как-то. Сделайте общую сумму, а на каждой итерации делите её на 10:

function getScore(arr) {
  const points = [ 0, 40, 100, 300, 1200 ];

  let score = 0;
  let lines = 0;

  for (const n of arr) {
    score += points[n] * (1 + (lines / 10 | 0));
    lines += n;
  }

  return score;
}