Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/382.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
JavaScript待办事项列表-当我单击';编辑';按钮,它选择错误的文本输入,但仍编辑正确的项_Javascript_Html - Fatal编程技术网

JavaScript待办事项列表-当我单击';编辑';按钮,它选择错误的文本输入,但仍编辑正确的项

JavaScript待办事项列表-当我单击';编辑';按钮,它选择错误的文本输入,但仍编辑正确的项,javascript,html,Javascript,Html,const todoList={ 待办事项:[], addTodo:函数(todoText){ 这个。待办事项。推({ todoText:todoText, 已完成:false }); view.displayTodos(); }, changeTodo:函数(位置,newTodoText){ this.todos[position].todoText=newTodoText; view.displayTodos(); }, deleteTodo:函数(位置){ 此.todos.拼接(位置1);

const todoList={
待办事项:[],
addTodo:函数(todoText){
这个。待办事项。推({
todoText:todoText,
已完成:false
});
view.displayTodos();
},
changeTodo:函数(位置,newTodoText){
this.todos[position].todoText=newTodoText;
view.displayTodos();
},
deleteTodo:函数(位置){
此.todos.拼接(位置1);
view.displayTodos();
},
切换完成:功能(位置){
让todo=this.todos[position];
todo.completed=!todo.completed;
},
toggleAll:function(){
const allTodos=this.todos.length;
设completedTodos=0;
for(设i=0;i{
让elementClicked=event.target;
if(elementClicked.className=='x'){
deleteTodo(parseInt(elementClicked.parentNode.id));
};
});
//编辑列表项
todosUl.addEventListener('单击',(事件)=>{
让elementClicked=event.target;
让position=elementClicked.parentNode.id;
如果(elementClicked.className==='edit'){
让输入=document.getElementById('textInput');
input.disabled=false;
input.className+=“activeTextInput”;
input.focus();
input.select();
input.addEventListener('keyup',(事件)=>{
让elementClicked=event.target;
如果(event.keyCode===13){
设textInput=input.value;
input.disabled=true;
input.classList.remove(“activeTextInput”);
todoList.changeTodo(位置,文本输入);
};
});
};
});
//在支票上划线
todosUl.addEventListener('单击',(事件)=>{
让elementClicked=event.target;
让position=elementClicked.parentNode.id;
让check=document.getElementById('checkbox');
如果(elementClicked.className==='复选框'){
todoList.toggleCompleted(位置);
check.checked=true;
};
});
//全部删除
让clearAll=document.getElementById('clearAll');
clearAll.addEventListener('单击',(事件)=>{
todoList.todos.splice(0,todoList.todos.length);
view.displayTodos();
});
//要删除选定的TODO
}
};
view.setUpEventListeners()
html,
身体{
保证金:0;
身高:100%;
}
身体{
背景色:#eeeeee!重要;
}
h1{
颜色:#282845!重要;
}
p{
不透明度:.3;
}
.集装箱{
最小高度:70%;
显示器:flex;
证明内容:中心;
弯曲方向:立柱;
宽度:50%!重要;
}
#todoTextInput{
背景色:白色;
不透明度:.7;
盒影:1px10pxRGBA(5,5,5,0.2);
高度:50px;
填充:10px;
边界:无;
字体:斜体;
}
保险商实验室{
显示器:flex;
弯曲方向:立柱;
填充:0;
保证金:0;
}
李{
列表样式类型:无!重要;
边框底部:1px实心rgba(5,5,5,0.1);
填充:10px;
背景色:白色;
盒影:1px10pxRGBA(5,5,5,0.2);
最小宽度:继承;
}
李阿{
浮动:对;
右边填充:10px;
不透明度:.3!重要;
过渡:.2s;
}
李娜:停下来{
不透明度:1!重要;
}
输入{
边界:无;
边框底部:1px实心rgba(5,5,5,0..01);
背景色:继承;
}
li输入[type=“text”]{
填充:无;
边界:无;
宽度:80%;
左边距:10px;
过渡:.5s;
}
.activeTextInput
let input = document.getElementById(position).childNodes[1];