No puedo vincular el archivo HTML de mi extensión con JS. El resultado que esperaba era que la línea h4 cambiaría a "no skipper". He estado probando la función onclick , leí que necesitaba usar .addEventListener() pero no pude hacerlo funcionar.
La página web funciona cuando la pruebo como una página web real usando un servidor en vivo, pero falla cuando intento usarla en una extensión.
Quería saber cómo corregir mi error onclick() y cómo usar .addEventListener() para este archivo de código Manifest.json
{ "manifest_version": 2, "name": "Skipper", "version": "1.0", "description": "Does something", "browser_action": { "default_icon": "stuff/potato.jpg", "default_popup": "popup.html", "default_title": "Skipper!" }, "icons": { "48": "stuff/potato.jpg" }, "permissions": [ "activeTab" ], "content_scripts": [ { "matches": [""http://*/*","https://*/*"], "js": ["pop.js"] } ] }Este es el HTML de mi extensión que está en el directorio adecuado
<html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Skipper</title> </head> <body> <h4 id="help">Skipper</h4> <button onclick="func()">Reload</button> </body> <script src="pop.js"></script> </html>Este es mi archivo JS
function func() { var change=document.getElementById("line").innerHTML="not skipper"; return change; }