Clicando em um elemento em uma página através da Extensão do Chrome
Estou tentando criar uma extensão do Chrome que clicará em um elemento de uma página da Web quando você clica em um botão da extensão, mas, por algum motivo, isso não faz nada, não importa o que eu tente.
Eu tenho isso até agora
manifest.json
{
"manifest_version": 2,
"name": "Such Activity",
"description": "Wow",
"version": "1.0",
"permissions": [
"tabs", "<all_urls>"
],
"browser_action": {
"default_icon": "icon.png",
"default_popup": "popup.html"
},
"content_scripts": [
{
"matches": [ "<all_urls>" ],
"js": ["content_script.js"]
}
]
}
popup.html
<!doctype html>
<html>
<head>
<title>activity</title>
<style>
</style>
<script src="content_script.js"></script>
</head>
<body>
<button id="clickactivity">click</button>
</body>
</html>
content_script.js
function ClickPlanet()
{
var planets = document.getElementsByClassName("planet-name");
var randomplanet = Math.floor(Math.random() * planets.length);
var clickplanet = planets[randomplanet];
clickplanet.click();
setInterval(function () { ClickPlanet() }, 2000);
}
document.addEventListener('DOMContentLoaded', function () {
document.getElementById('clickactivity').addEventListener('click', ClickPlanet);
});
Tudo o que parece estar recebendo é esse erro
Uncaught TypeError: Cannot read property 'click' of undefined
Estou brincando com isso há horas, mas não consigo fazê-lo funcionar. Toda e qualquer ajuda é apreciada!