我的代码追加一个项目到一个ul不工作的javascript

Question

我已经把这个js代码到visual studio，它不会工作。请帮助:

var task = document.getElementById('action');
var button = document.getElementById('button');
var err = document.getElementById('err');
var list = document.getElementById('tasks');
button.addEventListener("click", function() {
if (task.value == "") {
err.style.backgroundColor = 'red';
err.innerHTML = "Please enter a value";
} else {
var newItem = document.createElement("li");
newItem.innerHTML = task.nodeValue;
list.appendChild(newItem);
err.style.backgroundColor = "none";
err.innerHTML = "";
task.nodeValue = "";
}
})

<header id="header" style="background-color:green;">
<div id="title">To-Do</div>
<div id="date"></div>
</header>
<br>
<hr>
<div id="mains">
<p id="err"></p>
<label for="text">Task: </label>
<input type="text" id="action" name="text" placeholder="Wash the dishes..."><br>
<button id=button>Add</button>
<ul id="tasks"></ul>
</div>

当我按下'add'时，没有任何事情发生，文本保持不变，ul不变我试图从一个帖子复制，但也没有工作，但基本上是相同的，上面显示

Answer 1

我猜，问题在这一行:

newItem.innerHTML = task.nodeValue;

如果你替换task.nodeValue与task.value

;根据您的任务文档。nodeValue将始终为空。而且，在你的代码中，"if"语句检查task.value