А функция асинхронна или нет?

Ели да, то так.

(() => {
	showPreloader();
	A().then(() => {
		B();
		hidePreloader();
	});
})();

А если нет, то так:

(() => {
	showPreloader();
	A();
	B();
	hidePreloader();
})();

Странно что никто не посоветовал R&Q.
Это вроде самый компактный и не требовательный к ресурсам клиент. При этом функционально не уступает ниодному другому клиенту ICQ.

Вы передаете не сами элементы, а строки тэгов.
1) Для начала нужно пройтись по этому массиву и для каждой строки найти нужные элементы на странице, делается это с помощью функции querySelectorAll
2) Затем надо пройтись по результату и на каждый найденый элемент надо повесить обработчик через addEventListener