Cuando se marca una casilla de verificación, inserto una nueva etiqueta para mostrar lo que está seleccionado. Agrego un evento onclick a esa etiqueta, pero cuando hago clic en él por alguna razón, me da un error de que no se puede encontrar la función.
const removeItem = (e) => { e.preventDefault(); e.target.remove(); } document.querySelectorAll('.choose').forEach(choose => { choose.addEventListener('change', (e) => { if (e.target.checked) { document.getElementById('selected').insertAdjacentHTML( "beforeend", `<a id="chosen-${e.target.id}" href="" onclick="removeItem()">${e.target.value}<i class="icon-close"></i></a>` ); } else { console.log('remove') } // document.getElementById('selected').querySelect('selectedItem').remove(); }) }) <label> <input value="Value 1" id="1" class="choose" type="checkbox" data-np-invisible="1" data-np-checked="0" /> Add Value 1 </label> <div id="selected"></div>Lo probé en el fragmento y parece que e no está definido. Debe pasar el event a la función removeItem aquí:
`<a id="chosen-${e.target.id}" href="" onclick="removeItem(event)">${e.target.value}<i class="icon-close"></i></a>`