Jquery в ванильный js?

Question

[Za Za]

из за этого кода приходится подключать доп библиотеку jquery

$('body').on('added_to_cart',function(){
		    $('.basket').css('display','block');
		});

как его переделать в ванильный ?
может онлайн преобразователь есть - квери => js

нашел конвектор

document.querySelector('body').addEventListener('added_to_cart',function(){
        document.querySelector('.basket').css('display','block');
    });

но не фурычит данное преобразование

Comments

[hellcaster]

Должно это сработать, если added_to_cart это event

body.addEventListener(`added_to_cart`, (event) => {
	document.querySelector(`.basket`).style.display = `block`;
});

[Антон Литвиненко]

document.querySelector('.basket').style.display = 'block' ;

[Za Za]

hellcaster, неа ((

[Евгений]

Михаил Лебедев, а что событие такое запускает?)

[Za Za]

Антон Литвиненко, хм...
оно работает - но только после перезагрузки страницы

$('body').on('added_to_cart',function(){
$('.basket').css('display','block');
});

это работает без перезагрузки

[Евгений]

Михаил Лебедев, первый вариант абсолютно точно переводит

[Za Za]

Евгений, показывает див корзины если колличество товаров больше 0

[Za Za]

Евгений, работает и ваш код - но только после перезагрузки страницы, а это весомое обстоятельство )))

[Евгений]

Михаил Лебедев, полагаю вы не весь код показали, либо не там подключили... погуглите про document content loaded

[Евгений]

вот страница)

Answer 1

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

Поскольку речь идёт о нестандартном событии, неком "added_to_cart", важно, как это событие вызывается-создаётся.

На чистом JS надо создавать своё событие и триггерить его:

const event = new Event('added_to_cart');

// слушать это событие
elem.addEventListener('added_to_cart', function (e) { /* ... */ }, false);

// вызвать это событие
elem.dispatchEvent(event);

У jQuery собственная ламповая система событий, не связанная с общемировым JS.
Если триггерить событие в jQuery, что, скорее всего, у вас и происходит, то чистый JS его не поймает:
Причём, как видно, jQuery слушатель ловит кастомные события и jQuery, и JS. А слушатель JS – только события JS.