Как я могу сохранить ключ и значение в массиве хранения?

Question

Я сохранил свои данные для объекта (ключ и значение), используя:

const object1 = {
    un: inp.value,
    pw: inpw.value
};
var myJSON = JSON.stringify(object1);
var myObj = JSON.parse(myJSON);

Теперь я хочу, чтобы каждый объект был сохранен в массиве, например, первый вход:

• { "ип": "Джон", "PW": "кузнец"}

Это будет сохранено в array[0]

Тогда второй вход будет, например:

• { "ип": "Beth", "PW": "Себастиан"}

и т. Д ..

Поэтому, когда я вызываю массив [0], он отображает только {"un": "john", "pw": "smith"} '

Так вот мой код:

<form action="" autocomplete="on">
  <div class="" style="width:300px;">
    <input id="myInput" type="text" name="myInput" placeholder="Input" autocomplete="input">
    <input id="myPW" type="password" name="myPassword" placeholder="Password" autocomplete="password">
  </div>
  <input id="button" type="submit">
</form>

    <h2>Username</h2>
    <p id="uname"></p>

    <h2>Password</h2>
    <p id="pass"></p>

    <h2>Data</h2>
    <ol id="val"></ol>

    <h2>Array</h2>
    <ol id="arr"></ol>

<script>
var myButton = document.getElementById('button');
var inp = document.getElementById('myInput');
var inpw = document.getElementById('myPW');

myButton.addEventListener('click', function(event) {
    event.preventDefault();

    const object1 = {
        un: inp.value,
        pw: inpw.value
    };
    var myJSON = JSON.stringify(object1);
    var myObj = JSON.parse(myJSON);

    val.innerHTML += '<li>' + myJSON + '</li>';


    //it should be in this part where it document the myJSON
    cookies = [];
    cookies.push(myJSON);
    for (var i = 0; i < cookies.length; i++) {
        arr.innerHTML += '<li>' + cookies[i] + '</li>';
    }       
});

Как я могу это исправить?

Answer 1

Просто создайте массив и вставьте в него значения:

var inputData = [];

var myJSON = JSON.stringify(object1);
var myObj = JSON.parse(myJSON);

inputData.push(myObj)

JSfiddle: https://jsfiddle.net/Lya0nu1t/1/