How can I run this script when the extension icon is clicked?

[Eric Abraham]

I want to run this script when my extension icon will be clicked. How can I do that? I'm using Manifest Version 3.

let element = document.getElementsByClassName("caap5, caap6");
var vOuterText = element[0].outerText;
console.log(vOuterText);

//copy text
const textarea = document.body.appendChild(document.createElement('textarea'));
textarea.value = vOuterText;
textarea.focus();
textarea.select();
document.execCommand('copy');
textarea.remove();

[wOxxOm]

Put your code in content.js, add a new background.js like this:

chrome.action.onClicked.addListener(tab => {
  chrome.scripting.executeScript({
    target: {tabId: tab.id},
    files: ['content.js'],
  });
});

and declare background.js in manifest.json:

"background": {
  "service_worker": "background.js"
}

[Eric Abraham]

Did exactly what you said.

Getting:

Uncaught TypeError: Cannot read properties of undefined (reading 'onClicked')

[wOxxOm]

Well, you can google up an error message to see how it's solved, it's often a trivial fix e.g. in this case you need to add "action": {} to manifest.json.

[Eric Abraham]

Thanks brother. You're awesome.

It works.

Thanks again. ❤️