0xD34F

почему 14 часов превратились в 02

Потому что 14 часов - это 2 часа в 12-часовом формате.

как этого избежать?

Указать 24-часовой формат. Замените h на H.

анимируется

UPD. Animatable CSS properties.

preg_match_all('/\b[а-яё]+\b/ui', $str, $cyrillic);
preg_match_all('/\b[a-z]+\b/i', $str, $latin);

погуглите colspan

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

.opacity {
  opacity: 0.4;
}

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

options: {
  tooltips: {
    callbacks: {
      label({ index }, { datasets: [ { data } ], labels }) {
        const percent = 100 * data[index] / data.reduce((acc, n) => acc + n, 0);
        return `${labels[index]}: ${percent.toFixed(1)}%`;
      },
    },
  },
},

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.

.test('fileSizes', 'Resolution at least 120x120px', value => {
  return new Promise(resolve => {
    const img = new Image();
    img.onload = () => resolve(img.width >= 120 && img.height >= 120);
    img.src = window.URL.createObjectURL(value);
  });
})

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

Инициализируйте каждую пару слайдеров индивидуально:

$('селектор контейнеров пар слайдеров').each(function() {
  $('.slider-for', this).slick({
    ...
    asNavFor: $('.slider-nav', this),
  });

  $('.slider-nav', this).slick({
    ...
    asNavFor: $('.slider-for', this),
  });
});

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

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

В первую очередь следует избавиться от копипасты в разметке. Видим группу схожих элементов - оставляем один, вешаем на него v-for, которому будет передаваться массив с данными. Блок базовой комплектации примет примерно такой вид:

baseOptions: [
  { name: 'Свойство 1', price: 10000 },
  { name: 'Свойство 2', price: 11000 },
  ...

<ul>
  <li v-for="n in baseOptions">{{ n.name }} ({{ n.price }})</li>
</ul>

Блок дополнительных опций - аналогично, но так эти опции можно выбирать, они, помимо имени и цены, будут содержать ещё одно свойство, отвечающее за состояние чекбоксов (связываются посредством v-model):

extraOptions: [
  { name: 'Пакет 1', price: 16000, checked: false },
  { name: 'Пакет 2', price: 17000, checked: false },
  ...

<div v-for="n in extraOptions">
  <input type="checkbox" v-model="n.checked">
  <label>{{ n.name }}</label>
</div>

Сделаем метод расчёта суммы. Он будет принимать массив опций и складывать их стоимость:

methods: {
  sum: arr => arr.reduce((acc, n) => acc + n.price, 0),

С помощью этого метода посчитаем суммы базовой комплектации и дополнительных опций. Оформим их как вычисляемые свойства:

computed: {
  baseSum() {
    return this.sum(this.baseOptions);
  },
  extraSum() {
    return this.sum(this.extraOptions.filter(n => n.checked));
  },

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

filters: {
  price: val => `${val.toLocaleString()} р.`,

<span>{{ baseSum | price }}</span>

<span>{{ extraSum | price }}</span>

https://jsfiddle.net/3gmrs0o1/1/

Не открывается, потому что вместо изменения значения свойства компонента, отвечающего за состояние infoWindow, у вас в методе onMarkerClick какая-то ересь.

Делайте так:

<gmap-info-window 
  :options="infoOptions" 
  :position="infoWindowPos" 
  :opened="infoWinOpen"
  @closeclick="infoWinOpen = false"
>
  {{ infoContent }}
</gmap-info-window>

onMarkerClick(e) {
  this.infoWindowPos = e.latLng; // задаём положение окна, над кликнутым маркером
  this.infoContent = JSON.stringify(e.latLng); // задаём контент окна, передаётся в слот
  this.infoWinOpen = true; // открываем окно
},

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

$('.away-players').text(function(i, text) {
  return $('.subs-players td:even')
    .get()
    .map(n => $(n).text().split(', '))
    .reduce((text, n) => text.replace(n[1], `(${n.join(' ')})`), text);
});