我想使用querySelector与chrome扩展

Question

我想使用querySelector，但它不起作用。我想我应该在权限里写个词，但是我找不到。这也有可能，我的代码是坏的，我是一个初学者在js(如果你有东西来优化我的代码，我不会说不;))我正在做一个计算器，我想知道当我点击一个数字。

var debugmyextension = 7;
const one = document.querySelector(one);
one.addEventListener('click', event => {
var debugmyextension = 2;
});
const two = document.querySelector(two);
const three = document.querySelector(three);
const four = document.querySelector(four);
const five = document.querySelector(five);
const six = document.querySelector(six);
const seven = document.querySelector(seven);
const eight = document.querySelector(eight);
const nine = document.querySelector(nine);
const zero = document.querySelector(zero);

my manifest file:

{
"name": "multi-jeu",
"description": "de Jean Heubel",
"version": "1.0",
"manifest_version": 3,
"background": {
"service_worker": "/js/app.js"
},
"permissions": [
"background",
"storage",
"clipboardWrite",
"clipboardRead"
],
"action": {
"default_popup": "index.html",
"default_icon": {
"16": "/img/Capture d’écran 2021-09-07 122140.png"
}
},
"icons": {
"16": "/img/Capture d’écran 2021-09-07 122140.png"
}
}

my error message:

js/app.js:2 (function anonymous):

const one = document.querySelector(one);

Answer 1

好吧，我们没有你的HTML，但让我解释一下querySelector，如果你有一个HTML类，你想在Javascript中使用它，那么就做document.querySelector('.class-name')"class-name是你的类的名称"对于一个id，你会做document.querySelector('#id-name');对于一个整体元素，你会做document.querySelector('body')"body是你想要导入的元素"你可以在css中设置元素样式。

这里有一些可能有用的文档