テキストボックスで入力して、json形式で出力

Chrome拡張機能として、入力した値をjson形式にして"http://localhost:8080/SBMSystem/Bookmark"に送る機能にしたいです。

しかし、bookmark.htmlに記述した、<button type="submit" name="WA" onclick="getValue();">送信</button> の部分でエラーが出てしまいます。
HTMLをブラウザで表示したときはうまく動きますが、Chrom拡張として動かすとうまくいきません。なぜエラーが出るのか、どう対処したらいいのか教えてください。

【manifest.json】
{
"manifest_version": 2,

"name": "SBM",
"description": "Bookmarks",
"version": "1.0",

"icons": {"16":"icon16.png"},

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

"permissions": [
"bookmarks"
]

}

【bookmark.html】

<script src="bookmark.js"></script>

</head> <body>

<form name="ja" method="post" action="http://localhost:8080/SBMSystem/Bookmark">
    <table>

        <tr>
            <td align="right"><b> name：</b></td>
            <td><input type="text" name="user" size="30" maxlength="20"></td>
        </tr>

        <tr>
            <td align="right"><b> URL：</b></td>
            <td><input type="text" name="bookmark" size="30" value="URLが入ってます"></td>
        </tr>

        <tr>
            <td align="right"><b> comment：</b></td>
            <td><input type="text" name="comment" size="30" ></td>
        </tr>

        <tr>
            <td align="right"><b> tag：</b></td>
            <td><input type="text" name="tag" size="30" maxlength="20"></td>
        </tr>

        <tr>
            <td></td>
            <td>
                <button type="submit" name="WA"  onclick="getValue();">送信</button>
            </td>
        </tr>


    </table>
</form>

</body> </html>

m.ts10806

2018/10/17 09:42

出来たのであれば何が問題なんでしょうか？　ひとまずコードはマークダウンのcode機能を利用してください。

行動規範の内容に同意します

回答1件

HTML
1<form>
2 <div>
3  <input name="user" />
4  <input name="bookmark" type="url" />
5  <input name="comment" />
6  <input name="tag" />
7 </div>
8</form>

JavaScript
1  const form = document.forms[0];
2  let user = form.elements['user'].value;
3  let bookmark = form.elements['bookmark'].value;
4  let comment = form.elements['comment'].value;
5  let tag = form.elements['tag'].value;
6  // 以下略