Esta es mi línea HTML:
<li onclick="return open_create_event_screen();">10</li>Quiero obtener el contenido de este elemento <li> (que es '10') a través de la función de JavaScript (open_create_event_screen()) que se abre una vez que se hace clic en el elemento <li>. ¿Es posible hacerlo?
Manera antigua, donde ponemos eventos en línea en nuestro HTML. La clave es pasar this a la función, que es una referencia al elemento sobre el que se actuó, también podría pasar event y determinar el elemento en el que se hizo clic a partir de la propiedad de destino (dos enfoques diferentes).
const open_create_event_screen = (obj) => { console.log("opening create event screen"); console.log(obj.innerText); } <li onclick="open_create_event_screen(this);">10</li>Aquí hay un enfoque más moderno, donde nuestro html es más limpio y hacemos el trabajo de asignar los controladores de eventos en javascript.
const open_create_event_screen = (obj) => { console.log("opening create event screen"); console.log(obj.innerText); } const lis = document.querySelectorAll(".eventThing>li"); lis.forEach(li => li.addEventListener("click", () => open_create_event_screen(li)) ); <ul class="eventThing"> <li>10</li> <li>20</li> </ul>