Warnung funktioniert nicht im Popup-Fenster der Chrome-Erweiterung

Könnte mir jemand helfen, mein Problem herauszufinden. Ich habe meine Website als Chrome-Erweiterung festgelegt. Wenn ich die Erweiterung installiere, navigiert sie zu einem Popup-Fenster, in dem Benutzername und Kennwort sowie eine Anmeldeschaltfläche gefragt werden. Aber als ich versuchte, den vom Benutzer in Javascript eingegebenen Benutzernamen zu benachrichtigen, funktionierte er nicht. Hier ist mein manifest.json

{
"name": "Calpine Extension",
"version": "1.0",
"description": "Log on to calpinemate",
"manifest_version": 2,
"browser_action": {
    "default_icon": "icon_128.png"
},
"background": {
    "persistent": false,
    "scripts": ["background.js"]
},

"browser_action": {
    "default_title": "Test Extension",
    "default_icon": "calpine_not_logged_in.png"
},
"permissions": [

  "*://blog.calpinetech.com/test/index.php",
  "alarms",
 "notifications"
  ],
   "web_accessible_resources": [
   "/icon_128.png"]

 }

Hier ist mein Code, der ein Popup-Fenster bei der Installation erstellt

      chrome.windows.create({url : "test.html"}); 

Hier ist meine test.html

<html>
<head>
    <script type="text/javascript">
        function log(){
            var uname=document.getElementById('name');
           alert(uname);
            }
    </script>
   </head>
   <body>
   <form name="userinfo" id="userinfo">
    username : 
    <input id="name" type="text" name="username"/><br><br>
    password :
    <input type="password" name="password"/><br><br>
    <input type="button" value="Log In" onclick="log()"/>
    <p id="pp"></p>
      </form>
   </body>
   </html>

Antworten auf die Frage(2)

Ihre Antwort auf die Frage