第一次按Enter键提交信息

Question

我正在制作一个列表，当我将项目输入输入框并在第一次按回车时，信息消失了。如果我单击提交按钮，然后按回车键，我可以多次输入信息。如何在第一时间提交信息？

var userInput = document.querySelector('.userInput');
var toDoItems = document.querySelector('.toDoItems');
var toDoList = document.querySelector('.toDoList');
var addBtn = document.querySelector('.addBtn');
var resetBtn = document.querySelector('.resetBtn');
var userInput = [];
var newListItems = '';
function clearText() {
    toDoItems.value = '';
}
function render() {
    toDoList.innerHTML = '';
    newListItems = '';
    for (var i = 0; i < userInput.length; i++) {
        newListItems += userInput[i] + '<br>';
        toDoList.innerHTML = newListItems;
    }
}
toDoItems.addEventListener('click', clearText);
addBtn.addEventListener('click', function() {
    userInput.push(toDoItems.value);
    render();
    console.log(toDoItems.value);
});
resetBtn.addEventListener('click', function() {
    userInput = [];
    newListItems = '';
    toDoList.innerHTML = '';
});