向对象js添加新数组

Question

我试图在用户单击按钮时在具有新值的对象中添加新数组。我想要这样的东西。

html：

<input type="text"></input>
<button></button>

js：

document.querySelector('button').addEventListener('click',function(){
let inputValue = document.queryselector('input').value;
 let obj = {
   [ inputValue]
  }
});

当第二次点击发生时，用户获得新的输入值，我想要这样的东西：

js：

document.querySelector('button').addEventListener('click',function(){
let inputValue = document.queryselector('input').value;
 let obj = {
   [ inputValue],
   [ second inputValue]
  }
});

Answer 1

let obj = [];
$('#button-id').on('click', function(e){
    e.preventDefault();
  let inputValue = $('#input-id').val();
  let array = [];
  array.push(inputValue)
  obj.push(array);
  console.log(obj);
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="text" id='input-id'>
<button id="button-id">Add</button>