Александр

Intersection Observer

Эта функция высшего порядка, которая возвращает другую функцию. Принимает два элемента input и один button. Дочерняя функция - это оболочка. Каждый раз при ее вызове срабатывает следующее условие: в том случае, если input'ы не пустые, кнопка включается, иначе - выключается. Только вот что, для полноценной работы нужны еще 2 функции: enbableButton и disabledButton.
Кстати, вместо input'ов можно использовать любые другие элементы, у которых есть свойство value.

$('.main').click(function () {
	$('.ches').addClass('click');
});

$('.intro').click(function () {
	$('.ches').removeClass('click');
});

Просто

size.addEventListener('change', priceRequestHundler);

А Вы вызываете функцию. Если бы это была функция высшего порядка, сработало бы. Но была бы ошибка на e, т. к. в тот момент переменная еще не определена. А еще async/await не используют с then.

const searchParams = new URLSearchParams(location.search);

searchParams.set('reg', 'new_value'); // Меняем данные
searchParams.delete('data'); // Удаляем данные

location.search = searchParams;

.line {
	width: 100%;
	height: 1px;
	background: linear-gradient(to right, transparent, #333333, transparent);
}

const elements = document.querySelectorAll('tag_1, tag_2');
elements.forEach(element => {
	if (element.tagName === 'TAG_1') {
		// Do something
	}

	if (element.tagName === 'TAG_2') {
		// Do something
	}
});

Window: beforeunload event. Важно, отметил отдельным ответом - необходимо прочесть блок Example.

https://www.toptal.com/designers/subtlepatterns/ta...

.tags-name {
  padding: 10px;
  white-space: nowrap;
}

class Select {
	constructor({
		selector,
		label,
		url,
		onOpen,
		onClose
	}) {
		this.container = document.querySelector(selector);
		this.label = label;
		this.url = url;
		this._onOpen = onOpen;
		this._onClose = onClose;

		...
	}

	...

	open() {
		...

		if (this._onOpen !== undefined) {
			this._onOpen();
		}
	}

	close() {
		...

		if (this._onClose !== undefined) {
			this._onClose();
		}
	}
}

Имели ввиду это?

const svg = document.querySelector('#svg');
const item = svg.querySelector('#rect');

const size = svg.getBoundingClientRect();
const viewBox = svg
  .getAttribute('viewBox')
  .split(/\s+/g)
  .map(entry => Number(entry));

const normalize = (min, max, value) => {
  return (value - min) / (max - min);
};

const lerp = (min, max, value) => {
  return (1 - value) * min + value * max;
};

const map = (minSource, maxSource, minDestination, maxDestination, value) => {
  return lerp(minDestination, maxDestination, normalize(minSource, maxSource, value));
};

svg.addEventListener('mousemove', event => {
  item.setAttribute(
    'cx',
    map(0, size.width, viewBox[0], viewBox[2], event.offsetX)
  );
  item.setAttribute(
    'cy',
    map(0, size.height, viewBox[1], viewBox[3], event.offsetY)
  );
});

string.replace(/\/+/g, '/');

Почему бы не использовать гриды?
UPD: