Вадим

if(typeof gallery_show_more === 'function') {
  gallery_show_more()
}

Так как Вы спрашиваете с помощью for, то можно сделать так:

var number = "85172";
var rezult = 1; // чтобы избежать умножения на ноль, инициализируем как 1.
for(var i = 0; i <= number.length-1; i++){ // минус 1, так как Вы поставили условие <=, а длина строки на 1 больше, чем максимальный индекс, так как индекс с нуля
  rezult = rezult * Number(number[i]) // обращаемся к цифре в строке по индексу, преобразуем в число и умножаем на предыдущий результат.
}
document.write(rezult) // 560

А вот вариант по современней:

var rez = "85172".split('').reduce(function(acc, item){return acc = acc * item}, 1)
document.write(rez) // 560

Подскажите что тут не правильно, ведь text() возвратить должен ответ сервера в виде текста?

Тут всё правильно. resp.text() как Вы заметили, тоже возвращает промис. А вот следующий then уже вернёт данные.

fetch(ajaxurl, {
  method: 'POST',
  body: formData
})
.then(resp => resp.text())
.then(data => alert(data))

А в чём сложность? У Вас все переменные уже есть. Осталось найти 100%.
100% это ширина для контента у родительского блока.
родительский блок - elem.parentElement
а там уже на Ваше усмотрение(по ситуации) как узнать чему будем равняться доступная для контента ширина.
Например
el.parentElement.clientWidth
или

getComputedStyle(el.parentElement).width // более точный результат, так как спрашивает у браузера конечные стили. Но, соответственно, и отработает медленнее(на глаз не заметно)

Не забудьте про падинги.

Фон linear-gradient + частицы на canvas.
Например, с помощью https://vincentgarreau.com/particles.js/#nasa

По клику на кнопку у неё меняется состояние. В данном случае - data атрибут.
По ховеру и по значению этого атрибута задано одинаковое оформление.

Если я верно понял, то проблема в том, что счётчик у карточек не работал.
И тогда ответ такой: потому что Вам стоит подучить область видимости, контекст, замыкания.
хотфикс:

Только вот действительно ли Вам нужен Map?

Array.from(map.values()).map(i=>`<li>${i}</li>`).join('') // "<li>Hello</li><li>World</li>"

let map = new Map([ [1, 'Hello'], [2, 'World'] ]);

let str = `
  Start
  <ol>
  ${ Array.from(map.values()).map(i=>`<li>${i}</li>`).join('') }
  </ol>
  End

Только вот не для фронта эта задача.

const result = {};
const arr = [{ name: "cat" }, { name: "cat" }];

arr.forEach(function(item){
  if(result[item.name]) {
    result[item.name].count += 1;
  } else {
    result[item.name] = {...item, count: 1};
  }
})

console.log(result) // { cat: { name: 'cat', count: 2 } }
console.log(Object.values(result)) // [{ name: "cat", count: 2 }]
console.log(arr) // [{ name: "cat" }, { name: "cat" }];

С переключением классов справитесь?

Теория: https://learn.javascript.ru/modifying-document
Примитивная демка:


Если вызвать append для элемента, который уже есть в дереве, то он вырежется из предыдущего места и вставится в указанное.

JS:

// так как Вы упомянули jQuery, то будем пользоваться старыми методами создания массива из html коллекции и var

var items = Array.prototype.slice.call(document.querySelectorAll('.cart__box-desktop-item')) 
var emptyMessageElement = document.querySelector('.cart__box-desktop-message')

// определяем что у всех есть класс none
var isAllHidden = items.every(function(item){return item.classList.contains('none')}) 

if(isAllHidden) {
  emptyMessageElement.classList.remove('none')
} else {
  emptyMessageElement.classList.add('none')
}

Если я правильно понял, Вы хотите добавлять класс на родительский элемент для ссылки.
Для этого поменяйте
$('.cat-article').addClass
на
$(this).closest('.cat-article').addClass

А если без jQuery, то на современном js будет так же просто(и работать будет быстрее):

this.closest('.cat-article').classList.add('cat-article-title')

А если ссылка прямой потомок cat-article то можно обойтись простым js без поиска по дереву(самый производительный вариант):

this.parentElement.classList.add('cat-article-title')

Потому что Вы в addTaskдобавляете класс lineThrough а в css у Вас textThrough.

const DONE = done ? 'textThrough' : ''; // profit

Событие, оно же event, например click, focus, mousedown, touch - то, что происходит.
Функция-обработчик она же handler, у Вас названа как callback - реакция на событие. То есть, что сделать при наступлении события.

addEventListener - дословно: добавить слушатель события. Соответственно указываем событие и слушатель для него.

window.open(url, '_blank');

window.find()

window.find('kh1ndr', true, true, true, true, true, true) // если ввести в консоле то будет искать Ваш ник на странице.

Но окошко именно с полем ввода появляться не будет.

Прочитать какие аргументы принимает callback-функция forEach
и, сделав проверку на индекс, добавлять класс.

Array.from($articlesItems).filter(i => i.dataset.item !== categoryName).forEach((i,idx) => {
  if(idx === 0 || idx === 1) {
    i.classList.add('additional')
  }
  i.classList.add('hidden')
})

$("html, body").animate({
  scrollTop:  blockOffset - 150 // или высота шапки
}, 500);

Вот как пример, а там уже дальше сами докрутите как Вам надо. Можно класс навешивать(element.classList.add('class')) и снимать по таймеру(setTimeout(){}), можете оставить как в демке - тогда будет мигать после первого нажатия по ссылке и после каждого нажатия по ссылке, если текущий хэш не #footer.