0xD34F

Всё вызывается.

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

Как добиться желаемого поведения... Нужная вам информация есть в документации.

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

if (item.innerText === currentPage) {

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

item.innerText == currentPage

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

+item.innerText === currentPage

погуглите, что такое комплексные числа

Нет такого атрибута - transform. Это должно быть свойство style:

:style="{ transform: computedMatrix }"

Запятую добавьте: for i, in [[1],[2]]:.

$('.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)], 'мы пустые');

const groupedArr = useMemo(() => {
  return Object.values(arr.reduce((acc, { dt, weather }) => {
    const [ date, time ] = dt.split(' ');
    acc[date] = acc[date] || { date, weather: [] };
    acc[date].weather.push({ time, weather });
    return acc;
  }, {}));
}, [ arr ]);

<ul>{groupedArr.map(n => (
  <li>
    <h3>{n.date}</h3>
    <ul>{n.weather.map(m => (
      <li>
        {m.time} - {m.weather}
      </li>))}
    </ul>
  </li>))}
</ul>

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;

re.sub('^\d*\n*|\n*\d*$', '', s)

^(?=.*[a-z])[\da-z][\w.]+$

<i v-for="i in 5" :class="[ i <= stars ? 'fas' : 'far', 'fa-star' ]" />

почему 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}