Как сделать счетчик?

Юрий Иванов, 1. Добавляете id в свою вёрстку:

<div class="addItemCard2__item" id="${ID_VAR_HERE}">...</div>

2. Добавляете id в элементы своей коллекции:

const example = [
  { id: '1', img: 'my-img.jpg', name: 'Item 1', description: 'some desc', price: 1000 },
  { id: '2', img: 'my-img.jpg', name: 'Item 2', description: 'some desc', price: 2000 },
];

3. Добавляете обработку события клика:

const doAction = (wrapper, callback) => {
  const countElement = wrapper.querySelector('.order-counter__number');
  const costElement = wrapper.querySelector('.order-footer__costs');
  const count = parseInt(countElement.textContent);
  const item = example.find(entry => entry.id === wrapper.id); // поменять example на свой массив со всеми элементами

  if (item) {
    callback(item, count, {
      count: countElement,
      cost: costElement
    });
  }
}

const doPlus = (wrapper) => doAction(wrapper, (item, count, elements) => {
  const newCount = count + 1;

  elements.count.textContent = newCount;
  elements.cost.textContent = newCount * item.price;
});

const doMinus = (wrapper) => doAction(wrapper, (item, count, elements) => {
  const newCount = Math.max(1, count - 1);

  elements.count.textContent = newCount;
  elements.cost.textContent = newCount * item.price;
});

window.addEventListener('click', event => {
  const button = event.target.closest('.order-counter__btn');
  if (button) {
    const wrapper = event.target.closest('.addItemCard2__item');
    if (button.classList.contains('order-counter__plus')) {
      doPlus(wrapper);
    } else if (button.classList.contains('order-counter__minus')) {
      doMinus(wrapper);
    }
  }
});

Как сделать замену слова в js?

Сергей Горлачев, Самая наивная реализация - хранить переводы в некотором JSON-файле. При опр. действии загружать его и заменять текст на сайте. Можно связать элементы через data-атрибуты с ключами в JSON-файле и обновлять таким образом текст в элементах.
Вариант чуть посложнее: хранить также переводы в JSON-файлах (или вообще в любой другой структуре, главное чтобы Вы могли с ней работать) и генерировать страницы на разных языках, если сайт статичный или редко обновляется.

Также, можете поискать статьи на тему «i18n» или использовать некоторую библиотеку в пару с React/Vue/Angular и т.д.

Как сделать замену слова в js?

Rerurk, Я полагаю, что если в вопросе звучит "jquery", то речь не о строках, а об элементах. Если автор придёт, и скорректирует свой вопрос - поправлю ответ.

Как добавить gsap в gulp?

Enickckey, теперь Вы должны не просто копировать JS, а собирать его. Например при помощи Rollup:

package.json

{
  "name": "workspace",
  "version": "1.0.0",
  "scripts": {
    "build": "gulp"
  },
  "dependencies": {
    "gsap": "^3.9.1"
  },
  "devDependencies": {
    "@rollup/plugin-node-resolve": "^13.1.3",
    "gulp": "^4.0.2",
    "rollup": "^2.70.0"
  }
}

Gulpfile.js

const { series } = require('gulp');
const rollup = require('rollup');
const { nodeResolve } = require('@rollup/plugin-node-resolve');

const build = async (done) => {
    const bundle = await rollup.rollup({
        input: './src/index.js',
        plugins: [nodeResolve()]
    });

    await bundle.write({
        dir: './dist',
        format: 'umd',
        sourcemap: true
    });

    done();
};

exports.build = build;
exports.default = series(build);

src/index.js

import gsap from 'gsap';
import ScrollTrigger from 'gsap/ScrollTrigger';

gsap.registerPlugin(ScrollTrigger);

Результат

Документация к формату вывода.

Как найти узел в DOM?

Юрий Иванов, что конкретно не получилось?

Горизонтальная рулетка на чистом JS как сделать?

KraymiKrons, Можете попробовать заменить canvas на div с со списком картинок. Суть не изменится. Единственное, что в приведенном мной примере может требовать сильных изменений - стратегия выпадения опр. "предмета".

Почему не могу импортировать файл css?

import 'react-toastify/dist/ReactToastify.css'

Как правильно сверстать блок?

MRcracker, задайте ширину и картинка появится. А ещё можно переделать на флексы и картинку поставить в элемент, который будет замещать свободное место.

Что это за ярлыки такие?

Можете поискать видео по запросу "html a11y". Пример: https://youtu.be/0hqhAIjE_8I?t=407

Как правильно сверстать блок?

MRcracker, в песочницу оформите своё решение.

На какой сайте можно увидеть картинку (превью) из ссылки?

Михаил Компас,

document.head.querySelector('meta[name$=":image"]')

или
document.head.querySelector('[itemprop="image"]')

Можно ли установить локальное изображение в embed.setImage() в discord.js?

Код покажите, как пробовали.

При смене версии NodeJS через nvm появляется ошибка exit status 1. Что это значит?

chcp 65001 позволит переключить кодировку. Попробуйте после смены кодировки выполнить команду, возможно увидите нормальное сообщение об ошибке.

Как добавить слушатели к nodeclone?

Юрий Иванов,

window.addEventListener('click', (event) => {
    if (event.target.closest('GAME_CLOSE_BUTTON_SELECTOR')) {
        createGame();
    }
});

Как собрать проект в gulp+browserify, чтобы на выходе можно было создавать полностью независимые объекты классов?

para_noir_in_my_box, Иначе никак. По сути - Вы подключаете один и тот же кусок "памяти" к своим классам.

Какой здесь используется шрифт?

В computed смотрели?

Ошибка при npm install react?

maxim22351, Попробуйте https://stackoverflow.com/a/56244284.

Ошибка при npm install react?

Версия ноды какая? sudo npm i пробовали?

Как верстать без указания высоты? Как обрезать вложенный рисунок по размеру родителя? Как не показывать часть рисунка, что не влезает в размер папы?

Виталий Гусев, А картинку уже внутрь блока ставьте. Там позиционируете при помощи absolute. Размеры - object-fit.

Как верстать без указания высоты? Как обрезать вложенный рисунок по размеру родителя? Как не показывать часть рисунка, что не влезает в размер папы?

.wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}

.block {
    padding:  160px 20px 20px 20px;
    display: flex;
    flex-direction: column;
    justify-self: flex-end; // или justify-self: end;
}