LJ322

price.dataset.total = parseInt(startPrice.replaceAll(' ', ''));

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

У вас все элементы по клику на кнопку закрываются, а потом срабатывает toggle на выбранном, поэтому он не закрывается. Самый простой вариант - toggle для совпадающих id, а remove для остальных

autoContents.forEach(content => {
				let attr = btn.getAttribute("data-id");
				if (content.getAttribute("data-id") == attr) {
					btn.classList.toggle('_active')
					content.classList.toggle("_active");
				} else {
          content.classList.remove("_active");
        }
			});

upd. Сократил решение

почитайте плиз, что ваш метод возвращает. Вы у списка пытаетесь свойство изменить, а не у элемента

Код внутри new Promise обрабатывается вместе с синхронным кодом ( 2 -> 6 ), всё что в then попадает в очередь микрозадач и выполняется после синхронного кода ( 3 -> 8 ), потом идут таймауты ( 1 -> 4 -> 7 ).

А вообще вот - promise и event loop
Пересказывать нет смысла

class Lorem {
        constructor(ipsum, isnit) {
          
        }
      }

В твоём примере будет ошибка, аргумент с троеточием это rest params

const cancelable = fn => { // Создаётся функция cancelable, которая принимает функцию и сохраняет в переменную fn
  const wrapper = (...args) =>{ // Создаётся функция-обёртка, которая принимает любой набор аргументов
    if(fn) return fn(...args) // Если в cancelable была передана функция, то вызывает её с необходимыми аргументами
  }

  wrapper.cancel = () => fn = null // Добавляет свойство во wrapper для очистки переменной fn 

  return wrapper // Возвращает обёртку
}

const fn = par =>{ // Функция, которая оборачивается в декоратор со своим аргументом
  console.log('Function called, par:',par)
}

const f = cancelable(fn) // Создаёт обёртку вокруг fn

f('first') // Function called, par: first
f.cancel() // fn является переменной внутри cancelable, здесь мы её обнуляем
f('second') // Ничего не выводит, потому что условие у wrapper отрабатывает, только если функция есть

У вас на лейбле класс, а не айдишник висит. И вы неправильно к потомку обращаетесь:

let inputs = document.querySelectorAll('.input__file');
inputs.forEach(function (input) {
  input.addEventListener('change', function() {
    let label = this.nextElementSibling;
    let image = label.children[0]
    image.style.display = "none:
  }
);

Потому что метод replace возвращает строку, а не изменяет. Строки в JS это неизменяемый тип данных. В данном примере нужно вернуть новый результат:

lab.textContent = lab.textContent.replace(/ pineapple/g, '')

https://developer.mozilla.org/ru/docs/Web/JavaScri...

Вот тут вы передаёте значение из атрибута в текстовое поле
text_data.textContent = text_data.dataset.info

Если нужно передать в инпут, то и обращайтесь к инпуту
input.value = text_data.dataset.info

Если нужно поменять дефолтное значение, то можете использовать defaultValue
input.defaultValue = text_data.dataset.info

Строковая интерполяция. Первая ссылка в гугле, далее в ответах на стаке ссылка на MDN

function f(arr, n) { // Массив arr, по индексу n
  let result = [];
  let new_arr = [];
  for (let i = 0; i < arr.length; i++) {
    if (new_arr.includes(arr[i][n])) result.push(arr[i][n]);
    new_arr.push(arr[i][n]);
  }
  return result;
}

У вас res_arr не обнуляется после каждого раза. Каждый вызов sorts в цикле forEach работает с предыдущим res_arr и старые значения не удаляются. Объявите массив res_arr внутри цикла:

function sorts(p_arr, p_symb){
    let res_arr = [];
    //...
}

Повесьте обработчик на всю страницу, чтобы можно было ловить события кликов по всем её элементам

function win(){
  document.body.append(el_table);
  document.addEventListener('click', closes);
}

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

function closes(e){
  console.log(e.target);
  if (e.target != parent && el_table) {  
    el_table.remove();
  }
}

Вам ранее ответили, что нужно обращаться не к placeholder, а к атрибуту value. Так как вся информация, которая вводится в поле в браузере, записывается в свойство value (в placeholder находится подсказка, а не введённые данные):

let input = document.getElementById('input'); // Находит нужный элемент в DOM дереве
  if (!input.value) {
  // Какие-то действия
  }

Для знакомства с DOM можете почитать вот этот материал: