How to find id of element clicked on screen?

I would like to click on elements and store their ids. I have the following code right now which is resulting in an empty event argument in the expose function. What’s going wrong?

const puppeteer = require('puppeteer');
const fs = require('fs');

(async () => {
let browser = await puppeteer.launch({ headless: false });
let page = await browser.newPage();
// Expose a handler to the page
  await page.exposeFunction('onClick', (event) => {
    console.log(`Event fired: ${event}`);
});

// listen for events of type 'status' and
// pass 'type' and 'detail' attributes to our exposed function
await page.evaluateOnNewDocument(() => {
    window.addEventListener('click', (event) => {
        window.onClick(event);
    });
});

await page.goto("https://www.facebook.com/login");

})();

[vsemozhetbyt]

You can get the id in the browser context and send it: window.processClick(event.target.id);

[aizazansari]

It’s solved! The issue with my code at the beginning was that I was not getting the event.target.id in the browser context, like you mentioned. Furthermore, the empty values for event.target.id were a result of input fields not having id values; I used name values for them instead. Thanks for your help!