Александр

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

function func() {
  console.log(this);
}

class Some {
  constructor() {
    this.name = this.constructor.name;
  }

  method() {
    func.call(this);
  }
}

let some = new Some();
some.method(); // Some { name: 'Some' }

В таком случае, для начала, оберните инпуты в форму и дайте всем одинаковый name, иначе смысл какой делать type="radio"? В событии формы - submit можно уже что-то делать с выбранными значениями.

<form>
	<label>
		<input type="radio" name="gender" value="male">
		Мужской
	</label>
	<label>
		<input type="radio" name="gender" value="female">
		Женский
	</label>
  <button>Отправить</button>
</form>

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

form.addEventListener('submit', event => {
	event.preventDefault();
  
  const data = new FormData(form);
  
  alert(data.get('gender'));
});