Estoy tratando de hacer una extensión de Chrome que cuando haces clic en un botón abre una ventana emergente. Puedo abrirlo con una función a través de la consola, pero cuando lo conecto a un botón en el archivo popup.html y lo pruebo, arroja estos errores:
primer error :
Segundo error :
He intentado un par de formas diferentes de hacerlo, pero ninguna de ellas ha funcionado hasta ahora. ¿Alguien sabe cuál es el problema con mi código?
ventana emergente.html
<!DOCTYPE html> <html> <head> <link rel="stylesheet" href="popup.css"> <script defer src="background.js"></script> </head> <body> <h2>Click to Make New Sticky Note.</h2> <button id="newNoteButton">Press</button> </body> </html>fondo.js
const newNoteButton = document.getElementById('newNoteButton') const windowData = { 'type': "popup", 'url': "http://www.google.com" } function createNewNote() { chrome.windows.create(windowData) } newNoteButton.addEventListener('click', createNewNote())manifiesto.json
{ "name": "Sticky Froggies", "description": "Sticky Notes. Now with Frogs!", "version": "1.0", "manifest_version": 3, "background": { "service_worker": "background.js" }, "permissions": ["tabs", "storage"], "action": { "default_popup": "popup.html" } }