I'm trying to detect if the caption button is clicked on google meet

user_17103575 0
Viewed 38

I was trying to see if there's a way to detect if the caption button was clicked on google meet using a chrome extension. Here's what I currently have

let button = document.getElementsByClassName('VfPpkd-Bz112c-LgbsSe fzRBVc tmJved xHd4Cb rmHNDe Qr8aE');
button.addEventListener('click', () => {
  console.log('clicked');

I'm currently getting an error that states:

content.js:30 Uncaught TypeError: Cannot read properties of null (reading 'addEventListener')

}

google-chrome-extension button css html javascript
1 Answers
    let button = document.getElementsByClassName('VfPpkd-Bz112c-LgbsSe fzRBVc tmJved xHd4Cb rmHNDe Qr8aE')[0];
    button.addEventListener('click', () => {
      console.log('clicked');
})

getElementsByClassName returns an array. You can try updating the code as below. If there is more than one element of the same class, you can try looping and listening to all of them. But this is not recommended.

user_176793440
Related