Сергей delphinpro

document.querySelector('.post-list').innerHTML += `
        <div class="card" style="...">
            <div class="card-body">
                <h5 class="card-title">${post.title}</h5>
                <p class="card-text">${post.body}</p>
                <a href="#" class="card-link">Подробнее</a>
            </div>
        </div>`

posts.array.forEach

Ошибка, потому что в posts нет элемента array

$('.packaging__name').on('click', function(){
  $(this)
    .closest('.packaging__item')
    .find('.packaging__modal-info')
    .addClass('active');
});

https://yandex.ru/search/?text=javascript+click+ou...

https://learn.javascript.ru/xhr-onprogress

const menu = document.getElementById('menu');
const scroll = 128;
function toggleFixedMenu() {
  menu.classList.toggle('fixed', window.pageYOffset > scroll);
  menu.classList.toggle('default', window.pageYOffset <= scroll);
}
window.addEventListener('scroll', toggleFixedMenu);
toggleFixedMenu();

Для стилей

body.onclick = function(){
  body.style.backgroundColor = 'black'
  setTimeout(() => {
    body.style.backgroundColor = ''; // Пустое значение установит то, что прописано изначально в css
  }, 2000);
}

Для остального

button.onclick = function(){
  const saved = button.value; // Запомним, что было
  button.value = 'НАЖИМАЙ!'
  setTimeout(() => {
    button.value = saved;
  }, 2000);
}

oprice.replace(/[^\d\s]/g, '').trim();

Отключите autoupdate и пропишите плейсхолдер. Обновлять инпут придется вручную.

Зачем же у вас html контент участвует в вычислениях? О разделении логики и представления слышали?

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

const quantityElement = document.querySelector('#quantityitog');
const plusButtonElement = document.querySelector('#plustab');
const minusButtonElement = document.querySelector('#minustab');
const totalElement = document.querySelector('#totalprice');
const priceElement = document.querySelector('#countprice');

let total = +totalElement.innerText;
let qty = +quantityElement.innerText;
let price = +priceElement.innerText;

function updateView(){
  totalElement.innerHTML = total;
}

function increment(){
  qty++;
  total = Math.trunc((qty * price) * 100) / 100;
  updateView();
}

function decrement(){
  qty--;
  total = Math.trunc((total - price) * 100) / 100;
  if (total < 0) total = 0;
  updateView();
}

plusButtonElement.addEventListener('click', increment)
minusButtonElement.addEventListener('click', decrement)

Вместо добавления третьего массива измените первый.

let teams = {
  2522: {id: 1, team: 'Arsenal', palyed: 10, win: 5, loss: 3, draw: 2, goalsFor: 12, goalsAgainst: 13},
  2520: {id: 2, team: 'Aston Villa', palyed: 10, win: 3, loss: 6, draw: 1, goalsFor: 14, goalsAgainst: 19},
}

Теперь перебирая полеченные из апи данные вы легко получите объект из своего массива.

const result = response.data.map(item => {
  return {
    ...item,
    ...teams[item.team_id]
  }
});

К примеру если страница не обновлялась более 3-х минут то обновить ее.

Просто запустите таймер

setTimeout(function(){
  location.reload();
}, 3 * 60 * 1000);

Для начала обратите внимание сюда



Здесь видно, что результат поиска выдал сразу страницу каталога с мониторами. Т.е. поисковик проиндексировал сайт и выдает нужные страницы в результатах поиска.
Это забота поисковой системы.

Чтобы поисковик более точно определял содержимое, вы можете помочь ему.
Для этого существуют системы микроразметок.
На ситилинке используют довольно популярную schema.org



На этом скриншоте показана разметка хлебных крошек. Аналогично, есть схемы для разметки карточек товара, адресов организаций и т.д. (см на сайте schema.org и в справке яндекса).

Все эти разметки позволяют поисковым системам более релевантно индексировать содержимое сайта, а также выводить всякие доп. виджеты (разделы на сайта, адреса и контакты прямо в поисковой выдаче и всякую такую хрень).