Сергей delphinpro

Я бы сделал проще логику.
Не стал бы отдельно вести учет открытых карточек.
У каждой карточки будут свойства: isOpen, isActive.
isOpen обозначает, открыта ли карточка.
isActive – возможность по ней кликнуть (то есть не скрытая в результате совпадения).
Теперь по каждому клику выполняем все проверки:

const openedCards = cards
  .filter(card => card.isActive) // работаем только с активными
  .filter(card => card.isOpen) // берем все открытые
if (openedCards.length == 2) { // открыто 2 карточки
  if (openedCards[0].text == openedCards[1].text) { // совпали
    openedCards.forEach(card => card.hide()); // скрываем
  } else { // не совпали
    openedCards.forEach(card => card.close()); // переворачиваем обратно
  }
}
if (cards.every(card => !card.isActive)) { // Если все скрыты
  alert('Game over');
}

onkeypress - это обработчик события
само событие называется keypress и именно его нужно указывать в addEventListener

т.е. вы пишете либо
document.onkeypress = movedirection;
либо

document.addEventListener('keypress', movedirection);

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

ну и остальное, что уже написали - опечатки в названии переменной.

Написано же – собранная версия. Первую вы не можете использовать у себя. Вам нужно сначала из этих исходников сбилдить файл pdf.js и потом его юзать. pdfjs-dist соответственно собирать не нужно. Подключил и работай.

К примеру, библиотека highlight.js также доступна только в исходниках, которые невозможно использовать сразу – нужно сначала сбилдить библиотеку. Там, насколько я знаю, нет пребилд-версии, а в этой pdf есть, заморочились разрабы.

let op = [];
for(let i = 0; i < 10; i++){
  op[i] = "blabla";
}

alert(op[2]);

Здесь не обязателен javascript

Просто поверх таблицы внизу наложи блок с фоновым полупрозрачным градиентом.
Чтобы он не мешал указателю – pointer-events: none;

Можно сделать имитацию

const arrObjects = [
  {name:'Irina', skills: ['js', 'html', 'css']},
  {name:'Ruslan', skills: ['nodeJs', 'html', 'css']},
  {name:'Kate', skills: ['react', 'js', 'css']},
  {name:'Dmitry', skills: ['hh', 'html', 'css']},
  {name:'Serg', skills: ['angular', 'mobX', 'js']},
];
const result = arrObjects.filter(person => person.skills.includes('js'));
console.log(result);

<form onsubmit="send">
  <select name="color" id="color">
    <option value="blue">blue</option>
    <option value="green">green</option>
  </select>
  <div class="box"></div>
  <button type="button" onclick="allow">allow</button>
  <button type="submit">send</button>
</form>

Одно из решений, использующее css переходы + javascript https://getbutterfly.com/how-to-implement-jquery-s...
То же самое, в виде пакета https://github.com/Pmac627/slide-toggle/blob/maste...