Javascript 提交按钮Chrome扩展不工作

我对chrome扩展非常陌生，但我正在尝试构建一个能够让用户输入最大值和他们希望获得的百分比的扩展。然后它将返回该百分比。这个应用程序的目的是让举重运动员在观看他们的项目时可以轻松地获得他们的举重百分比

不幸的是，我无法弄清楚如何在单击提交按钮后将值写回网页。代码如下。任何帮助都将不胜感激

HTML:

我真的不知道如何使用querySelector或addEventListener

舱单：

{
"manifest_version": 2,

"name": "Weightlifting Percentages",
"description": "A Chrome Extension to Calculate Weightlifting Percentages",
"version": "1.0",

"permissions": [
"tabs"
],

"browser_action": {
"default_icon": "icon.png",
"default_popup": "popup.html"
}
}

这就是我希望它看起来的样子：

JS-Bin
请输入最大升力
最大值


querySelector（）接受CSS选择器，比如“提交”，而不仅仅是“提交”。试一试

addEventListener('click', equate);

{
"manifest_version": 2,

"name": "Weightlifting Percentages",
"description": "A Chrome Extension to Calculate Weightlifting Percentages",
"version": "1.0",

"permissions": [
"tabs"
],

"browser_action": {
"default_icon": "icon.png",
"default_popup": "popup.html"
}
}

addEventListener('click', equate);