I just created the check all script in JS but don't know how to implement it to check if all my checkboxes are still checked and if not - uncheck my "select all" checkbox. Any ideas on how to do this?

This is my code, please take a look, pure JS

function toggle() { let selector = document.querySelector('.chbx_selector'); let selection = document.querySelectorAll('.chbx_selection'); selector.addEventListener('click', () => { if (selector.checked === true) { selectAll(selection) } else { deselectAll(selection) } }); } function selectAll (selection) { selection.forEach(chbx => { chbx.checked = true; }); } function deselectAll (selection) { selection.forEach(chbx => { chbx.checked = false; }); } toggle()

I seem to have exhausted my mental capacity to solve the problem, although I'm still trying to do something with the eventListener click type in hopes of achieving the desired result. Any help is appreciated.