Вадим

1) Находите картинку в разметке с помощью инструментов разработчика (или правой кнопкой по картинке -> просмотреть код):

2) Выше картинки есть элемент canvas.
3) Нажимаете на него мышкой, после чего открываете console, и вводите в неё:

var d = $0.toDataURL("image/png"); // $0 - ссылка на элемент canvas из-за того, что кликнули на него мышкой. можете заменить $0 на поиск элемента по id. document.getElementById('answer')
var w = window.open('about:blank','image from canvas');
w.document.write("<img src='"+d+"' alt='from canvas'/>");

4) Нажимаете enter.
5) Откроется новая вкладка с картинкой.
6) Сохраняете.
7) Профит.

UPD: Способ 2 - по проще.
1. Нажимаем так же правой кнопкой по картинке - посмотреть код
2. Когда откроются инструменты разработчика и картинка подсветится нажимаем delete
3. Снова нажимаем правой кнопкой на картинке -> сохранить как
4. Готово :-)

реально стало интересно как это делается

В разметке приходит граммотно предзаготовленная картинка, нарезанная на блоки определённого размера.
В css картинка прозрачная.
JavaScript берёт эту картинку, перетасовывает её части в нужном порядке и отрисовывает на canvas.
Это лишь моё предположение, но так оно и есть 100%.
Очень хитро :-)

https://learn.javascript.ru/dom-attributes-and-pro...

var elem = document.getElementById('965312')
console.log(elem.dataset.id)

const animItems = // Элементы для анимации. Можете задать им общий класс и найти сразу все, можете сложить разные(с разными классами) элементы в один массив
// ..code
animItems.forEach(function(item){item.classList.add('_active')})

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

Обычно, в таких случаях проблема всегда в одном и том же. В вашем случае, она делится на 2 вида.
1) Вы не верно указываете путь относительно конечного файла. Забыли слэш, забыли подняться на уровень выше и тд. (Судя по скринам он грузится, значит ок)

2) Вам нужно использовать специальные функции для резолва путей и\или регистрации скрипта. (скрипт загрузился, но где-нибудь там не зарегистрировался и поэтому не исполняется

2.1) И бывает ещё особый случай, когда не правильно подключенный\зарегистрированный скрипт просто вычищается из кода(но судя по скринам это не Ваш случай точно).

А, забыл. Есть ещё вариант, который заставляет переодически страдать всех и каждого.
КЭШ.
Попробуйте в инкогнито режиме.

Вот тут спрашивали то же самое.
Как реализовать «scroll» в боковой панели на «jQuery»?
Данный ответ не использует jQuery

document.addEventListener("DOMContentLoaded", onDOMReady);

function onDOMReady() {
  window.addEventListener('scroll', onWindowScroll)

  var menu = document.getElementById('menu');

  function onWindowScroll() {
    if(window.document.scrollingElement.scrollTop > 150){
      menu.classList.add("fixed");
    }
    else { 
      menu.classList.remove("fixed")
    }
  }
}

События загрузки документа
Document.scrollingElement

Filter

var arr = fruits.filter(function(item){return item.type !== 'apple'})

В целом подход такой:
Отслеживаем событее скрола, проверяем что докручено до низа, если да, то меняем указатель, если нет, то пусть будет такой как есть.
Набросок:

subnav.addEventListener('scroll', function(evt){
 if(Math.ceil(this.scrollTop + this.clientHeight) >= this.scrollHeight){ // this в данном случае будет элемент subnav. на всякий случай округляем немного вверх.
  // Доскролили вниз, можно добавить класс чтобы переключить состояние указателя
  } else {
  // недоскролили вниз // можно снять класс чтобы переключить обратно
  }
})

Полезные материалы: https://learn.javascript.ru/size-and-scroll
Так как на одну прокрутку генерируется много событий scroll, то будет так же полезно восползоваться техникой debounce

Тысяча готовых ответов уже ждут Вас.
Ну или вот: https://habr.com/ru/post/459876/
А если коротко - в момент открытия popup убирайте скролл у боди.

А ещё вот Как запретить скролл body при открытии модального окна без прокрутки вверх страницы?
вот Как убрать скролл браузера при открытии меню, а после закрытия обратно его включить?
и вот Как убрать скролл на странице при открытом попапе?
и вот Как отключить скролл на странице при открытом модальном окне?

А так же ознакомьтесь с правилами ресурса. В частности, с разделом №2 и 3

Теория с примерами как выделять элементы или текст: Selection and Range

Можно

// тут     let $activatedFilters = document.querySelectorAll(".chose"); 
const wrapper = ()=>{
// или тут     let $activatedFilters = document.querySelectorAll(".chose"); 
  a.addEventListener("click", () => {
    /*-- делает что-то  --*/
  }

  b.addEventListener("click", () => {
    /*-- делает что-то  --*/
  }
}

Но зависит от того, что делают скрипты. Если меняется DOM в процессе работы и, скажем, меняется количество элементов с классом.chose то вынесение переменной в вышестоящую область видимости даст не корректный результат, так как в переменную сохранится тот набор элементов, который будет в DOM на момент инициализации переменной, а не вызова функций-обработчиков событий.

Но можно сделать эту операцию дешевле, сохранив в вышестоящей области видимости родительский контэйнер для элементов .chose, скажем в переменную choseCont. И тогда в функциях обработчках уже обращаться не к document.querySelectorAll а к choseCont.querySelectorAll, что значительно ускорит поиск по DOM, так как будем искать не во всём дереве, а лишь в определённом элементе.

P.s. для переменной $activatedFilters правильнее использовать const а не let. Если только Вы где-то ниже в коде не переопределяете саму переменную $activatedFilters

Поигрался с Вашими стилями. Добавил помимо выезжания ещё и появление из прозрачности.

var news = document.querySelectorAll('[id^="news-"]') // все элементы, у которых id начинается с 'news-'
var summ = 0;
news.forEach(function(item){ // перебираем все элементы
 summ += Number(item.textContent) // Берём текстовый контент элемент, преобразуем в число и складываем с summ
})

1. При открытии селекта добавляем обработчик клика на боди отдельно созданной именованной функцией.
   
2. В обработчике клика на боди проверяем, открыт ли селект.
   
   1. Селект открыт - закрываем селект, удаляем обработчик клика с боди по имени функции
      
   2. Селект закрыт - где-то что-то пошло не по плану, так как селект закрыт, а обработчик ещё висит на боди. Удаляем этот обработчик с боди по имени функции
      
   
   
   

var theInputFile = $('input[type="file"]'); // Это не 1 элемент. А jquery коллекция.

Соответственно, чтобы напрямую назначить элементу значение свойства files, нужно выбрать этот элемент.

Если он у Вас 1, то так:

theInputFile[0].files = dfiles; // попытка добавить инпут file все переносимые файлы (должна работать)

Если несколько, то обернуть код выше в $.each

Функция тоже объект.
Только примитивы в JS не объект, но некоторые не согласны и с этим.
Эта запись:

sum.create = (nmb) => {
  const el = nmb
  return sum(el)
}

бессмысленна.

Функция может иметь свои статические свойства. Эта фишка используется, например, для приёма мемоизации.

Прочитать документацию для метода .map и узнать что вторым аргументом функция-обработчик принимает порядковый номер элемента.

А ещё Вы нарушили правило использования ресурса 3.8.

Не совсем понятно откуда очистить?

И вот тут вопрос:

var files = {}; // тут хранятся файлы
// ...
files = {}; // сначала очистим массив, так как юзер может перезагрузить файлы n раз

Так массив или объект?

А так, если files у Вас всё же массив, то:

var isSomeFileTooBig = this.files.some(function(file){ return file.size > 10485760 })
if(isSomeFileTooBig) return;

А если объект, где названия файлов - его свойства, а файлы - значения, то можно так:

var isSomeFileTooBig = Object.values(this.files).some(function(file){ return file.size > 10485760 })
if(isSomeFileTooBig) return;

Выбрать второй элемент по селектору:
CSS
.class:nth-child(2)

JS
document.querySelectorAll('.class:nth-child(2)')
или
document.querySelectorAll('.class')[1]

css media +

.bread-crumbs {
  justify-content: flex-end;
}

Ну а если через JS, то как-то так:

var crumbs = document.querySelector('.bread-crumbs')
crumbs.scrollLeft = crumbs.scrollWidth