no puede acceder al archivo popup.js después de crear una extensión de Chrome

manifest.json

<code>{
  "name": "Summer",
  "version": "1.0",
  "manifest_version": 2,
  "description": "This is an addition extension",
  "browser_action": {
    "default_icon": "icon.png",
    "default_popup": "popup.html"
  }
}
</code>

popup.html

<code><!doctype html>
<html>
  <head>
    <title>Getting Started Extension's Popup</title>

    <!-- JavaScript and HTML must be in separate files for security. -->
    <script src="popup.js"></script>
  </head>
  <body>
        <form name="form">
            <div id="sayi1">Sayı 1 :    <input type = "text" name="deger1"></div> 
            <div id="sayi2">Sayı 2 :    <input type = "text" name="deger2"></div> 
            <div id="sonuc">Sonuç :     <input type = "text" name="cevap"></div>
            <div id="button"><input type="button" value="Hesapla" onclick="hesaplama()" /></div>
        </form>
  </body>
</html>
</code>

popup.js

<code>function hesaplama()
{
var sayi1 = window.document.form.deger1.value;
var sayi2 = window.document.form.deger2.value;
var toplam = parseFloat(sayi1) + parseFloat(sayi2) ;
window.document.form.cevap.value = toplam; 
}
</code>

Cuando carga esta extensión, puedo ver normalmente. Pero cuando llené el cuadro de texto deger1 y deger2 y pulsé el botón, la función no funciona, en el cuadro de texto de sonuc (cuadro de texto de resultados) está nulo. ¿Cómo puedo arreglarlo? Soy nuevo en la creación de extensiones de cromo. Gracias por tu ayuda.

Respuestas a la pregunta(1)

Su respuesta a la pregunta