Al hacer clic en un elemento en una página a través de Chrome Extension
Estoy tratando de crear una extensión de Chrome que haga clic en un elemento de una página web cuando hace clic en un botón de la extensión, pero por alguna razón no hace nada, no importa lo que intente.
Tengo esto hasta ahora
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);
});
Todo lo que parece estar recibiendo es este error
Uncaught TypeError: Cannot read property 'click' of undefined
He estado jugando con esto durante horas, pero no puedo hacer que funcione. ¡Cualquier ayuda es apreciada!