0xD34F

Вместо ненужных элементов ничего не указывайте:

function someFunction([ ,,, id,, status ]) {

Или, можно деструктурировать массив как обычный объект:

function someFunction({ 3: id, 5: status }) {

web worker

Чем является this внутри обработчика клика? Не тем, что вам кажется. Замените $(this).attr("href") на $(event.target).attr("href") или стрелочную функцию на обычную.

Первым делом надо выдернуть из объекта msg.razd массив значений:

const arr = Object.values(msg.razd);.

Затем из вложенных массивов следует собрать один общий:

const categories = arr.flatMap(n => n.category);

// или

const categories = [].concat.apply([], arr.map(n => n.category));

// или

const categories = arr.reduce((acc, n) => (acc.push(...n.category), acc), []);

И, наконец, достать из полученного массива объекты с указанными id:

const result = categories.filter(n => expect.includes(n._id));

// или

const result = categories.filter(function(n) {
  return this.has(n._id);
}, new Set(expect));

// или

const categoriesObj = Object.fromEntries(categories.map(n => [ n._id, n ]));
const result = expect.reduce((acc, n) => ((n = categoriesObj[n]) && acc.push(n), acc), []);

$(document).on('click', '.qwe > a', function() {
  $(this).next('.op').addClass('actives');
});

$(document).on('click', '.cl', function() {
  $(this).closest('.op').removeClass('actives');
});

Или может есть вариант на CSS?

есть

Забыли передать current в setTimeout, должно быть так:

setTimeout((current) => pika[current].classList.toggle('active'), 100, current)

UPD. А вообще, не очень понятно, зачем этот setTimeout нужен. Можно просто вырезать его.

А зачем вы добавляете обработчики keydown в startGame? Десять раз сыграли - вот уже есть десять обработчиков, которые делают одно и то же. Достаточно и одного. Вынесите этот код за пределы startGame.

Элемент скопировали, а привязанные к нему обработчики событий - нет.

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

const $test = $('.test').on('click', '.testText', function() {
  $test.append($(this).clone());
});

Или клонируйте элемент вместе с его обработчиками событий:

$('.testText').click(function() {
  $('.test').append($(this).clone(true));
});

const index = items.findIndex(n => n._id === 3);
const result = items.slice(index * (index !== -1));

или

const result = items.reduce((acc, n) => (
  n._id === 3 && (acc = []),
  acc.push(n),
  acc
), []);

В обработчик клика передаётся объект события, а не элемент. А ещё значения data-country почему-то на русском - какого чёрта? Надо, чтобы были такими же, как и id у элементов .tabcontent.

Править атрибуты я конечно не буду, а код вот:

const tabLinks = document.querySelectorAll('.tablinks');
const tabContent = document.querySelectorAll('.tabcontent');

tabLinks.forEach(n => n.addEventListener('click', openTab));

function openTab({ currentTarget: t }) {
  const { country } = t.dataset;
  tabLinks.forEach(n => n.classList.toggle('active', n === t));
  tabContent.forEach(n => n.classList.toggle('active', n.id === country));

  // или, к чёрту data-атрибуты и id, можно индексами воспользоваться;
  // конечно, в этом случае необходимо, чтобы .tablinks и соответствующие им
  // .tabcontent были расположены в одинаковом порядке
  const index = Array.prototype.indexOf.call(tabLinks, t);
  tabLinks.forEach(n => n.classList.toggle('active', n === t));
  tabContent.forEach((n, i) => n.classList.toggle('active', i === index));
}

Создаёте infowindow:

const info = new google.maps.InfoWindow();

И показываете его при клике на маркеры:

marker.addListener('click', function() {
  info.setContent('сюда засовываете свою информацию');
  info.open(map, marker);
});

https://codepen.io/anon/pen/MdjRrM?editors=1010

$('p i').text((i, text) => i % 3 ? text : 'hello, world!!');

или

document.querySelectorAll('p i').forEach((n, i) => {
  n.textContent = i % 3 ? n.textContent : 'fuck the world';
});

Если у элементов p общий родитель, то можно и не смотреть на индекс, сразу нужные элементы получить:

for (const n of document.querySelectorAll('p:nth-of-type(3n + 1) i')) {
  n.innerText = 'fuck everything';
}

if (inputs[el].value == "") el++;

if (inputs[el].value.match(/[А-я]/)) {

Давайте представим, что пустое значение имеет последний элемент. Делаете свой ++, а затем пытаетесь элемент обработать - следующий, которого НЕТ. А раз его нет, значит он undefined, а у undefined никакого value быть не может, как и любых других свойств. Если не хотите обрабатывать пустой элемент - выполняйте переход к следующей итерации цикла вместо вот этих вот стрёмных манипуляций со счётчиком.

https://momentjs.com/

moment.locale('ru');

document.querySelector('#load').addEventListener('click', function load() {
  fetch('https://api.github.com/users/fristyr/repos')
    .then(r => r.json())
    .then(data => {
      const formatIn = 'YYYY-MM-DDTHH:mm:ss';
      const formatOut = 'DD MMMM YYYY';

      document.querySelector('.repo-wrapp').insertAdjacentHTML('afterbegin', data.map(item => `
        <article class="repo"> 
          <a href="${item.html_url}" class="repo__name">${item.name}</a>
          <br>
          <span class="repo__technology">${item.language}</span> 
          <span class="repo__update">${moment(item.updated_at, formatIn).format(formatOut)}</span>
        </article>`
      ).join(' '));
    });
});

Пересчитывайте значение при выводе:

<div id="slider"></div>
<div id="value"></div>

const min = 100;
const max = 500;

$('#slider').slider({
  min,
  max,
  value: min + Math.random() * (max - min) | 0,
  range: 'min',
  animate: 'fast',
  slide: (e, ui) => $('#value').html(max - ui.value + min),
});

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

О каком массиве идёт речь, через какой промежуток надо получать его элементы и что с ними делать:

const options = [
  [ 'hello, world!!', 'fuck the world', 'fuck everything' ],
  500,
  (elem => item => elem.textContent = item)
  (document.querySelector('.slide-words')),
];

Можно устанавливать интервал:

function interval(arr, delay, callback) {
  let i = -1;

  return arr.length
    ? setInterval(() => callback(arr[i = -~i % arr.length]), delay)
    : null;
}


const intervalId = interval(...options);
// надо остановить, делаем так: clearInterval(intervalId);

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

function interval(arr, delay, callback) {
  let timeoutId = null;

  arr.length && (function next(i) {
    timeoutId = setTimeout(() => {
      callback(arr[i]);
      next((i + 1) % arr.length);
    }, delay);
  })(0);

  return () => clearTimeout(timeoutId);
}


const stop = interval.apply(null, options);
// надо остановить, делаем так: stop();

Потому что parseInt('') будет NaN.

При суммировании подставляйте 0 вместо мусорных результатов парсинга, замените parseInt($(this).val()) на parseInt($(this).val()) || 0.

https://jsfiddle.net/xw6acvnb/

Как достать текст из элемента:

const getText = el => el.textContent;
// или
const getText = el => el.innerText;
// или
const getText = el => el.innerHTML;
// или
const getText = el => el.lastChild.nodeValue;
// или
const getText = el => el.childNodes[0].data;

Как вырезать из текста нужный кусок:

const getValue = text => text.match(/"(.*?)"/)[1];
// или
const getValue = text => text.split('"').slice(-2).shift();
// или
const getValue = text => text.replace(/^.*?"|"[^"]*$/g, '');
//
const getValue = text => `${/(?<=")[^"]+/.exec(text)}`;
// или
const getValue = text =>
  JSON.parse(text.slice(-~text.indexOf('['), text.indexOf(']')));

Как обработать клики:

document.querySelectorAll('li button').forEach(function(n) {
  n.addEventListener('click', this);
}, e => console.log(getValue(getText(e.target))));

// или

document.querySelector('ul').addEventListener('click', ({ target: t }) => {
  if (t.tagName === 'BUTTON') {
    console.log(getValue(getText(t)));
  }
});