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

debounce

Как на чистом JavaScript получить значение атрибута элемента по классу?

https://developer.mozilla.org/ru/docs/Web/API/Even...

Где нужно указать, чтобы смена классов была именно по клику '.buli'?

const questionsItem = document.querySelector('.questions__item');
const button = document.querySelector('.buli');

button.addEventListener('click', () => {
    questionsItem.classList.toggle('questions__item');
    questionsItem.classList.toggle('reds');
});

Где нужно указать, чтобы смена классов была именно по клику '.buli'?

Кто такие були? querySelectorAll возращает NodeList и на него нельзя повесить обработчик. Тем более несколько раз, как в коде.

Как сделать такое регулярное выражение?

Плюс после value тогда нужно убрать.

Почему к элементам не применяется space between?

Применяется. Ширина установлена на 100% - то есть на всю ширину родительского элемента.

Почему в корзине считается только последний discount?

[ n.name, parseFloat(n.discount) / 100 ]

[ n.name, 1 - parseFloat(n.discount) / 100 ]

Почему в объекте и классе разные this?

https://habr.com/ru/post/464163/

Парсинг массива и обработка данных в JS коде. Как пройти ошибку?

Код из ответа этого вопроса https://qna.habr.com/q/1139412 был предназначен для обработки строки. А здесь в переменной str массив, а не строка. Там в ответах есть решение и через регулярки.

const punct = [[SYMBOLS]];
В коде не задана переменная SYMBOLS, поэтому ошибка. В решении вопроса 1139412 предполагалось, что punct - это строка с набором пунктуационных символов, а не массив.

Через регулярки:

const str = `двенадцать яблок
Апельсин.
Слива.
два ананаса.
семь киви.`;

const punct = [';',',','!','?','\'','\"',':','”','“','.'];
const reg = new RegExp(`[\\s\\S]*?(?=(.+[${punct.join('')}]\\n){3})`);
 const result = str.replace(reg, '')

Или изменить этот код под массив:

const arr = ["двенадцать яблок", "Апельсин.", "Слива.", "два ананаса.", "семь киви."];
const punct = [';',',','!','?','\'','\"',':','”','“','.'];
const numStrWithPunctEnd = 3;
const index = arr.findIndex(function(n, i, a) {
  return this.every(m => punct.includes(a[i + m].slice(-1)));
}, [...Array(numStrWithPunctEnd).keys()]);
const result = index !== -1 ? arr.slice(index).join('\n') : arr;

Как можно сократить этот код?

.includes(String(item)[0]) && console.log(item))
Если дальше укорачивать.

Как можно сократить этот код?

in немного не то делает.

Тут 50 не выводит, хотя должен.

Почему не меняется значение поля input?

Вот пример, что всё работает: https://codesandbox.io/s/delicate-haze-mc9pll

Почему не меняется значение поля input?

Ошибки есть? Запрос вообще успешно выполняется?

И действия не требуется разносить по разным .then()

.then(data => {
    console.log(data);
    show(info);
    info.value = "Вы успешно зарегестрировались! Зайдите в Ваш аккакунт";
  });

Почему не меняется значение поля input?

.finally(() => {info.value = "Вы успешно зарегестрировались! Зайдите в Ваш аккакунт"});

Как прибавить цену элементов, выбранных через checkbox, к уже существующей цене?

Cannot set properties of null (setting 'textContent')

Значит нет элемента с id = "sum".

const baseValue = Number(totalBlock.textContent);
Вместо

var currentSum = document.getElementById("sum");
const summ = Number(currentSum);
var baseValue = summ;

Можно ли так сделать (localstorage)?

Это делается через бекенд. Нужная ссылка грузится при загрузке второй страницы.

Вторую страницу могут открыть сразу по ссылке, без захода на первую и в локалсторе ничего не будет.

Возможно ли как-то добавить пару функций?

2. Можно закрывать нажатием на колёсико

Как получить информацию по api?

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

data.posterUrlPreview - там будет нужная ссылка, её не нужно перебирать, а можно сразу положить куда надо.
data.genres - там будет массив, который можно перебрать через .forEach() или другой метод.

Например вот так по-быстрому создать карточку фильма:

function showMovies(data) {
  const moviesEl = document.querySelector(".movies");
  
  moviesEl.innerHTML = `Название: ${data.nameRu}
    Жанры: ${data.genres.map(({ genre }) => `<span>${genre}</span>`).join(', ')}  
    Постер: <img src="${data.posterUrlPreview}">
    Описание: ${data.description}`;
}

Как получить информацию по api?

И не нужно так пробовать. Через forEach же всё работает. Где проблема-то?

Как получить информацию по api?

К любому элементу также можно обратиться через точку, не только к массивам.