復位輸入字段不工作（JavaScript）的

Question

這是我的jsfiddle：http://jsfiddle.net/kboucheron/XVq3n/15/

當我開始的項目清單，我點擊「清除」，我想文本輸入被清除爲well.I'm無法清除字段

<input type="text" placeholder ="Add List" id="listItem"/> 
<button id="addButton">add Item</button> 
<button id="clearButton">Clear Items</button> 
<ul id="output"></ul> 

clearButton.addEventListener("click", function(e) { 
    var text = document.getElementById('listItem').value; 
    var addItem = document.getElementById('output'); 
    addItem.innerHTML = ''; 
    text.value = ''; 
}); 

Answer 1

只需要使這種變化在這裏：

var text = document.getElementById('listItem'); 

你有這樣的：

var text = document.getElementById('listItem').value; 

當您確實需要輸入元素時，您正在做的是獲取輸入文本的值。

而且，這裏是更新小提琴：http://jsfiddle.net/XVq3n/16/

Answer 2

你是指在代碼中輸入的值，則更換

var text = document.getElementById('listItem').value 

與

var text = document.getElementById('listItem') 

Answer 3

好吧，這是一個非常簡單的（但容易造成）錯誤。嘗試這種變化，它應該工作：

clearButton.addEventListener("click", function(e) { 
    var text = document.getElementById('listItem'); 
    var addItem = document.getElementById('output'); 
    addItem.innerHTML = ''; 
    text.value = ''; 
}); 

基本上，你做了.value一次太多次。希望有所幫助。