Сергей Соколов

перечитайте эту строку вашего кода:
b.style.width = 5 + 'px';

Array(10).fill().map((_, i) => (i + 2) * 3)

Сможете объяснить решение?

URLSearchParams

var url = '?email=email@mail.ru&login=1298384';

const params = new URLSearchParams(url); // начальный знак ? игнорируется

params.get("email") // "email@mail.ru"
params.get("login") // "1298384"

Не поддерживается в Internet Explorer.

В шаблонных строках в фигурных скобках ${ } можно помещать не любой код, а выражения. Что-то, имеющее значение: `Привет, ${ ["м", "р"].join("и") }!`

нативных способов нет.

Можно сделать свою обёртку над Promise, или взять готовую для такого костылинга )

Элемент audio наследует свои свойства и методы от HTMLMediaElement. Например, можно читать или устанавливать его свойство volume.

Надо слушать на элементе плеера событие volumechange и в его обработчике сохранять значение в куки или LocalStorage.

Допустим, подключены два файла:

// auth.js
var myAuth = "secret";

// logic.js
function logic() {
 console.log(myAuth);
}

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

<script>
var myAuth = "secret";
function logic() {
 console.log(myAuth);
}
</script>

Поэтому все друг друга видят, слышат и дружат )
Просто размещение кода в отдельном файле не изолирует его код от прочего.

Распространённая практика во время разработки держать код по разным файлам, логически разделяя. А для продакшн собирать весь код в один файл (или несколько, чтобы куски сборки сделать полегче).

const mondaySunday = (d) => d.getDay() || 7; // чтоб воскресенье не 0, а 7
const getShortWeek = (d, last = false) => {
  const D = new Date(d.getTime()); // копия, чтобы ориг. дату не сбить
  D.setDate(1); // 1-й день месяца
  if (! last) return 7 - mondaySunday(D);
  
  D.setMonth(D.getMonth() + 1); // добавить месяц
  D.setDate(D.getDate() - 1);   // отнять день
  return mondaySunday(D);
}

const leastDays = (d) => Math.min(getShortWeek(d), getShortWeek(d, true));


leastDays(new Date(2021, 10, 10)) // 2

В общем виде решение — отсортировать по времени события переключения состояния (с занято на свободно и наоборот). Двигаться по времени, собирая начала-концы интересующих состояний.

Но как отключить работу этой функции на других страницах, чтобы могли выполняться последующие функции?

Варианты:

1. проверять, есть ли элемент, прежде, чем что-то с ним делать if (element) { /* что-то с ним делаем */ }
   
2. проверять, на какой странице находимся

   if (window.location.pathname === "/contacts/form.html") { /* тут всякая магия */ }

   
   
3. обернуть в

   try { /* здесь код который вызывает ошибки */ } catch() {}

   
   
   

перед сравнением приводите их к однозначному порядку элементов. Скажем, сортируйте алфавитно, и тогда "dmitryi" всегда окажется до "visokih".

P.S. у вас опечатка в имени Дмитрия — два разных варианта.

canvas, не стирая всё полотно между кадрами )

Например:

// с заглавных букв ниже — сущности, которые стоит различать:

Событие (Event) и Слушатель события (Listener) — это разные штуки.

вот вы повесили два Слушателя на одно и то же Имя (или Тип) события на одном и том же Элементе. Это всё равно, что в один массив засунуть две функции. При наступлении События данного Типа, последовательно выполнятся все функции из «массива».

Юзер кликнул мышкой — браузер создал Событие с Типом "click". Клик отправляется в путешествие: начинает с document и ныряет глубже до того элемента на котором была мышка. Затем это же событие всплывает наверх, обратно, до document.

Где-то по пути Событие могут Слушать и Поймать (и не отпустить дальше). В вашем примере его поймают на document в конце обратного пути. И прогонят через строй Слушателей )