Javascript 按钮不存在';t工作并更改边框颜色

Javascript 按钮不存在';t工作并更改边框颜色,javascript,firefox-addon,Javascript,Firefox Addon,我试图编写一个小的Firefox扩展,但弹出窗口中的按钮无法工作。 单击按钮时,红色边框将变为绿色边框。 我找不到错误 这是我的manifest.json { "manifest_version": 2, "name": "Testing", "version": "1.0", "description": "Testing", &

我试图编写一个小的Firefox扩展,但弹出窗口中的按钮无法工作。 单击按钮时,红色边框将变为绿色边框。 我找不到错误

这是我的manifest.json

{

  "manifest_version": 2,
  "name": "Testing",
  "version": "1.0",

  "description": "Testing",

  "icons": {
    "48": "icon.jpg"
  },

  "content_scripts": [
    {
      "matches": ["*://*.allee-abi20.de/*"],
      "js": ["ust.js"]
    }
  ],
    
  "permissions": [
    "activeTab",
    "contextMenus"
  ],
  
  "browser_action": {
        "default_icon": "icon.jpg",
        "default title": "Hallo",
        "default_popup": "view.html"
    }
}
这就是view.html

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8"/>
        <link rel="stylesheet" href = "style.css" type="text/css"/> 
    </head>
    <body>
        <input type=text id="Kat"></input>
        <input type=text id="Ty"></input>
        <button id= "but">Klicken </button>     
    <script type="text/javascript" src="./popup.js"></script>   
    </body>
</html>

只是一个关于大写字母的小语法问题:write
but
,而不是
but
,因为
but
未定义的

它应该是
,但“
不是
”而是“
var myLink=document.getElementById(“but”)
document.body.style.border = "5px solid red";
var myLink = document.getElementById("But");
myLink.onclick = function(){
    document.body.style.border = "20px solid green";
}