Александр

const data = {
    name: 'John',
    gender: 'male'
};
const searchParams = new URLSearchParams();

for (let key in data) {
    searchParams.append(key, data[key]);
}

location.search = searchParams;

Если передавать в конструктор текущий location.search, можно модифицировать параметры и в конце уже присвоить их заново.

Чтобы при определенном размере экрана вообще не работало?

if (innerWidth >= 1280) {
    if ($(window).scrollTop() > 150) {
        $('.hide').fadeIn(900);
    } else {
        $('.hide').fadeOut(700);
    }
}

Таким образом, будет работать, если ширина окна браузера больше или равна 1280 пикселям.

UPD:

if ($(window).scrollTop() > 150 && innerWidth > 1024) {
    $('.hide').fadeIn(900);
} else {
    $('.hide').fadeOut(700);
}

message.channel.createInvite({
    unique: true
});

Документация.

const uls = document.querySelectorAll('.third-block-flex__item__body ul');

for (let ul of uls) {
	const button = Object.assign(document.createElement('button'), {
		className: 'button open-modal',
		textContent: 'Хочу этот пакет'
	});
	button.addEventListener('click', ВАШ_ОБРАБОТЧИК);

	ul.after(button);
}

% else:
  <li>
    <input class='checkbox' data-uid={{ task.uid }} type='checkbox' />       {{ task }}
% end
  {{ task }}

Видимо поэтому.

WebSocket, точно не AJAX и вообще не запросы.

Вариант 1.

const box = document.querySelector('.box');

const debounce = (callback, delay) => {
	let timeout = null;

	return (...args) => {
		clearTimeout(timeout);

		timeout = setTimeout(callback, delay, ...args);
	};
};

const update = () => {
	const balloon = document.querySelector('[class$="balloon__content"]');

	if (balloon !== null) {
		box.textContent = balloon.textContent;
	}
};

const debouncedUpdate = debounce(update, 300);

window.addEventListener('click', () => {
	debouncedUpdate();
});

Вариант 2.

const box = document.querySelector('.box');

const observer = new MutationObserver(mutations => {
	for (let mutation of mutations) {
		if (mutation.target.className.includes('balloon__content')) {
			box.textContent = mutation.target.textContent;
		}
	}
});

observer.observe(document.querySelector('ymaps'), {
	childList: true,
	attributes: false,
	subtree: true
});

$('.scroll').click(function () {
	$("nav ul").removeClass("showing");
});

Во-первых, повтор вопроса.
Во-вторых, надо учить JS. Вы сами написали, что данные принимаете в конструкторе. Мало того, что Вы его не инициализурете, так еще и в другой метод передаете аргументы.

Потому что '1' + '2' = '12';, для начала превратите строки в числа. Можно так:
let a = Number(prompt('...'));
Или так:

if (+a + +b < 4) {
    ...
}

Еще вариант:
let a = parseInt(prompt('...'), 10);

А с чего вы решили, что FormData в jQuery? Это нативный механизм сбора данных форм.

const createCard = ({ title, subTitle, src, poster }) => {
	const template = document.createElement('section');
	template.innerHTML = `
		<div class="card" style="width: 16rem;">
		  <a href="#theModal" class="btn btn-link"
			 data-remote="${src}"
			 data-toggle="modal" data-target="#theModal">
			 <img src="${poster}" class="card-poster" alt="image">
		  </a>
		  <div class="card-body">
			 <h3 class="card-title">${title}</h3>
			 <p class="card-text">${subTitle}</p>
		  </div>
		</div>
	`;

	return template.children[0];
};

document.body.append(createCard({
	title: 'Сказка о Царе Салтане',
	subTitle: 'Приключения отважного царевича Гвидона, прекрасной царевны-Лебедь и царя Салтана напомнят о том, что любовь, верности и сила духа всегда побеждают!',
	src: 'http://ссылка на видео',
	poster: 'img/sk-1.jpg'
}));

Таким образом можно перебирать коллекцию, передавать в функцию createCard объект, на выходе получать уже HTML элемент и добавлять в DOM его.
Это самый простой способ, можно сделать более продвинутый, через template. В данном случае будет чуть больше приготовлений, также необходимо будет позаботится о механизме вставки данных.
И третий вариант - использовать фреймворк, Vue например.

Vue i18n