javascript - Javascript 動的入力値から JSON を生成して出力する

Question

純粋なJavascriptで、Jqueryを使用せずにこれを行いたいです。私が見つけたすべての例は、JQuery を使用しています。

私はhtmlページ（index.html）を持っています、

<form id="1">
 <input type="text">10</input>
 <input type="text">20</input>
</form>

<form id="2">
 <input type="text">55</input>
 <input type="text">66</input>
</form>

このように別のページ(data.json)にこれを印刷したいのですが、

[
    {
        "1": [
            "10",
            "20"
        ],
        "2": [
            "55",
            "66"
        ]
    }
]

別のファイル (makejson.js) に、純粋な Javascript に変更したい JQuery 構文があります。

function makeJSON() {
jsonObj = [];
$("input[type=text]").each(function() {

    var inData = $(this).val();

    item = {}
    item ["1"] = inData;

    jsonObj.push(item);
  });
}

これは現在機能しておらず、「1」パラメーター (フォーム ID 1) からの配列のみが対象です。フォーム ID 1 からの配列 1 とフォーム ID 2 からの配列 2 を決定する、動的にループできるものが必要です (つまり、 "i = 0; i < array.length; i++" )。

入力を収集して JSON に変換し、別のページに保存するにはどうすればよいですか?