todolist JavaScript简单思路实现

<style media="screen">
　　.done {
　　text-decoration: line-through;
　　color: #8f8f8f;
}
</style>

 

input type="text" id="txt">
<ul id="ul">

</ul>

 

<script type="text/javascript">
//按下回车创建待办事件
　　var txt = document.getElementById('txt');
　　var ul = document.getElementById('ul');
　　txt.onkeyup = function(e) {
　　　　if(e.keyCode !== 13) return;
　　　　var li = document.createElement('li');
　　　　li.innerText = txt.value;
　　　　txt.value = '';
//点击事件划去
　　　　li.onclick = function() {
　　　　　　this.className === '' ? this.className = 'done': this.className = '';
　　　　}
　　　　ul.appendChild(li);
　　}

</script>