使用js添加复选框的简单问题

Question

我正在使用JS创建一些元素-复选框+输入中的一些值。

我要创建的复选框的代码是：

const checkboxOfTask = document.createElement('input');
checkboxOfTask.type = "checkbox";
checkboxOfTask.id = "checkboxOfTask";

然后我要像这样将其和值从文本输入到html中添加：

addTaskButton.addEventListener('click', function() {
    const newTask = document.createElement('li');
    if (taskDateInput.value == "") {
        newTask.innerText = checkboxOfTask + taskInput.value;
    } else {
        newTask.innerText = checkboxOfTask + taskInput.value + " - " + taskDateInput.value;
    }

然后，当我查看我的项目时，列表显示了“ [object HTMLInputElement] sometxt”。现在，当我查看它时，我认为问题出在newTask.innerText中，因为我正在将其添加到innerText中，但是我不知道如何正确执行它。