Почему js код не выполняется сразу после полной загрузки и отрисовки HTML страницы?

Привет! JavaScript код выполняется асинхронно, что означает, что он может выполняться одновременно с загрузкой и отрисовкой HTML страницы. Это может быть полезным, так как позволяет странице вести себя более отзывчиво. Однако, иногда нам нужно, чтобы JavaScript код выполнялся только после полной загрузки и отрисовки страницы. 

В таком случае нам нужно убедиться, что мы выполняем код после события DOMContentLoaded. Это событие происходит, когда весь HTML контент загружен и разобран браузером. Пример использования:

```javascript
document.addEventListener('DOMContentLoaded', function() {
  // Ваш код, который нужно выполнить после загрузки и отрисовки страницы
});
```

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

Срабатывает ли у вас alert("нет товара в корзине")? Если нет, то можете добавить отладочную информацию с помощью следующего кода:

```javascript
plusButton.forEach((plusItem) => {
    plusItem.addEventListener('click', (event) => {
        console.log("test");
        const artInput = plusItem.closest('.cart_content__one').querySelector('input[type="hidden"]');
        // Добавьте следующую строку для проверки значения existingProduct
        console.log(existingProduct);
    });
});
```

Разделите каждый переформулированный совет символом "

":