Button inside a label

Question

I have a label with \"for=\"the pointer to the checkbox input\"\" and as long as I know, this for can be added only for label

Answer 1

HTML:

    Imma button, I prevent things

JS:

const onClickHandler = (e) => {
    if(e.target!==e.currentTarget) e.currentTarget.click()
}

Target is the click target, currentTarget is the label in this case.

Without the if statement the event is fired twice if clicked outside of the event preventing area.

Not cross browser tested.