Check out my JSFiddle demo: http://jsfiddle.net/kboucheron/XVq3n/15/
When I try to clear a list of items by clicking on the "Clear" button, I want the text input field to be cleared as well. However, I am unable to achieve this functionality.
<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 = '';
});