Как правильно поместить JS в html.push?

Question

[Dmax99]

Здравствуйте!
Есть необходимость поместить скрипт в html.push
но я не понимаю как изолировать скобки, двойные скобки и т.д. никогда такого не делал...

Вот скрипт:

html.push('<script>document.addEventListener("DOMContentLoaded",function(){let a=document.querySelector('[value="4285958269"]'),b=document.querySelector('[value="56132132');a.addEventListener("change",function(){b.checked=a.checked})})</script>');

Поправьте пожалуйста, а то блин как не ковыряю, не получается(

Comments

[scottparker]

экранирование ковычек?

Answer 1

[FKV]

Просто добавтье в конец вашего js файла строку

document.addEventListener('DOMContentLoaded',function(){let a=document.querySelector('[value="4285958269"]'),b=document.querySelector('[value="56132132"]');a.addEventListener("change",function(){b.checked=a.checked})})

Comments

[Dmax99]

Я сделал как вы сказали, но не работает, в консоли пишет это
Uncaught TypeError: Cannot read property 'addEventListener' of null
at HTMLDocument. (ocfilter.js:458)

[FKV]

дайте ссылку на файл ocfilter.js, старая не работает

[FKV]

Dmax99, и еще вопрос, откуда у вас этот код

<script>document.addEventListener("DOMContentLoaded",function(){let a=document.querySelector('[value="4285958269"]'),b=document.querySelector('[value="56132132');a.addEventListener("change",function(){b.checked=a.checked})})</script>

[Dmax99]

FKV, Этот код нашел на javascript .ру
Вот ссылка на скрипт

[FKV]

ну тогда вам этот код не поможет, если вы его не правили под свои нужды. Так как там выбирются элементы input с определенным value(которых у вас на сайте видимо нет) и вешаются на них события.
Поэтому и выдает ошубку Uncaught TypeError: Cannot read property 'addEventListener' of null

[Dmax99]

FKV, Я не полностью все понял, то есть, вариантов нет ни какие?

[FKV]

С этим куском кода да, вариантов нет. Тебе надо его править под свой сайт, а не пытаться вставить так есть.
А именно вот эту часть

let a=document.querySelector('[value="4285958269"]'),b=document.querySelector('[value="56132132');

изменить на

let a=document.querySelector('подствить селектор первого чекбокса'),b=document.querySelector('подствить селектор второго чекбокса');

[Dmax99]

FKV, Да, я так и сделал. Первый value это мой первый чекбокс и соответственно второй тоже мой...
Если с дебагера скопировать уже сформированные чекбоксы и скопировать их например в футер, они будут работать...

Просто я не понимаю, вы сказали перенести этот кусок кода в самый низ, по идее (насколько я понимаю) он выполняется последним, соответственно он должен уже видеть что все чекбоксы получили свои данные и уже их слушать... Но этого не происходит...

[FKV]

Тогда ставь куда тебе надо чексбоксы, как ты и делал.

html.push('<input type="checkbox" name="ocfilter_product_option[10063][values][4285958269][selected]" value="4285958269">');
html.push('<input type="checkbox" name="oct_stickers[customer_v-2]" value="56132132">');

a потом в конце файла добавь

document.addEventListener("DOMContentLoaded",function(){let a=document.querySelector('[value="4285958269"]'),b=document.querySelector('[value="56132132');a.addEventListener("change",function(){b.checked=a.checked})})</script>

[Dmax99]

FKV, О, так работает)
Большое спасибо)))

[FKV]

Ну наконец-то..