如何从javascript生成的表单中获取输入并将其推入数组

Question

我正在尝试开发一个包含许多输入的网页，输入的数量由用户决定。

我在页面上创建了一个供用户输入数据的字段，以及一个按钮，当单击该按钮时，该字段为用户添加了一个新字段以输入其他数据。每次单击此按钮都会出现一个新字段。

当我单击将用户数据添加到空数组的测试按钮时，出现“ TypeError：无法读取null的属性'value'     到达storeValue”消息。

userTimes = [];

// function that adds another time field
let addButton = function () {

var form = document.createElement('form');
form.setAttribute('method', 'post');
form.setAttribute('action', '#');
//form.style?

let mile2Form = document.createElement('input');

mile2Form.setAttribute('type', 'time');
//mile2Form.style.top = '200px';

form.appendChild(mile2Form);
document.body.appendChild(form);

//document.getElementById('form').style.bottom = '-100px';


}
//function that adds times into userTimes array
let storeValue = function () {

    let inputTime = document.getElementById('mile1').value;
    let inputTime2 = document.getElementById('input').value;

    userTimes.push(inputTime, inputTime2);


}

我希望现有字段的输入以及用户添加的任何其他字段都被推送到userTimes数组中。