Тигран Абрамян

постоянно натыкаюсь на огромное море текстовой информации

Не правильно, нужно сначала практиковаться, а после читать теории.

Будьте добры, подскажите книги

Книги для JS/React/Vue не нужны, я уже сказал, нужно больше практики чем чтения, на данных языках.

сейчас закончил книгу Моргана "JS для детей",

Уверен если возьметесь за другую любую задачу то сразу забудете знания из книги.

практика там есть, но её небольшое количество.

Скину вам пару ссылок где огромное количество практик.
JavaScript
React
Vue

document.querySelector(".button").addEventListener("click", function() {
	this.disabled = true;
})

const sortListArr = () => {
  const condition = (newArr[0] > newArr[newArr.length - 1]);
  const sortedArr = newArr.sort((a, b) => a - b);

  sortArr.innerHTML = condition ? sortedArr : sortedArr.reverse();
}

Ваша логика работает отлично, как я понял в этом случае неизвестен количество plseditme элементов. Поэтому нужно использовать рекурсию.

Только беда в том что перед каждым запуском рекурсий, то есть перед каждым циклом надо проверить существует ли эти элементы с id. Если нет то остановить цикл.

function SpaceReplacer() {
  document.getElementById('plseditme').innerHTML = document.getElementById('plseditme').innerHTML
    .replace(/_/gi, ' ')
    .replace(/.exe/gi, '')
    .replace(/.msi/gi, '')
    .replace(/.zip/gi, '')
    .replace(/.txt/gi, '');

  document.getElementById('plseditme').id = 'edited';

  if (document.getElementById('plseditme')) { // Тут проверяем существуют ли элементы
    SpaceReplacer(); // И потом уже вызываем функцию
  }
}

И еще ID должен быть уникальным так что желательно использовать Class.

Либо если известно количество элементов. То просто перебираем по циклу.

const plseditme = document.querySelectorAll('#plseditme');

plseditme.forEach(el => {
  el.innerHTML = el.innerHTML
    .replace(/_/gi, ' ')
    .replace(/.exe/gi, '')
    .replace(/.msi/gi, '')
    .replace(/.zip/gi, '')
    .replace(/.txt/gi, '');

  el.id = 'edited';
});

let boxes = new Boxes();
console.log(boxes.inBox());

https://codepen.io/mirandalwashburn/pen/wZmZLz

JSFiddle

Да. Стрелочные функции.

let cat = this.dataset.filter;
или
let cat = this.getAttribute('data-filter');

Пробуйте так, и зайдите в консоль браузера а не редактора.
С вашим кодом у меня в браузере выводился, так что он рабочий.

themeButton.addEventListener("click", function() {
  console.log('Кнопка нажата!');
})

$(function() {

    (function quantityProducts() {
        $(".quantity-arrow-minus").click(quantityMinus);
        $(".quantity-arrow-plus").click(quantityPlus);
      
        function quantityMinus() {
            let currentInput = $(this).parent().find('.quantity-num');

            if (currentInput.val() > 0) {
                currentInput.val(+currentInput.val() - 1);
            }
        }

        function quantityPlus() {
          let currentInput = $(this).parent().find('.quantity-num');

          currentInput.val(+currentInput.val() + 1);
        }
    })();

});

или

$(".quantity-block").each(function() {
  let currentInput = $(this).children('.quantity-num');

  $(this).children('.quantity-arrow-minus').click(function() {
    if (currentInput.val() > 0) {
      currentInput.val(+currentInput.val() - 1);
    }
  });

  $(this).children('.quantity-arrow-plus').click(function() {
    currentInput.val(+currentInput.val() + 1);
  });
});

for (let pane of panes) {
  pane.getElementsByClassName('remove-button')[0].onclick = () => pane.remove();
}

Правильный вариант.

let data = [
  {id: 489, name: "Nickname"},
  {id: 345, name: "Email"}
];

<div>
{
  data.map((dat, index) => {
    return (
      <Link>{dat.name}</Link>
    )
  })
}
</div>

В вашем случае ошибка в том что вы в for проверяете
dat.length вместо data.length
и еще
dat[i].name вместо data[i].name

держи

a.push(Math.round(Math.random(1, 100)))

https://github.com/florinpop17/app-ideas