Javascript 我从YouTube频道复制了代码,对我来说不起作用,但在视频中效果很好。我做错了什么?

Javascript 我从YouTube频道复制了代码,对我来说不起作用,但在视频中效果很好。我做错了什么?,javascript,html,css,Javascript,Html,Css,我正在看一段关于如何创建待办事项列表的视频。我遵循了教程中显示的每一行代码,但对我来说不起作用。当我按下按钮时,它应该创建一个列表项。相反,它给了我一个错误:“uncaughtsyntaxerror:意外标识符”。 你能告诉我我做错了什么吗 //选择器 const todoInput=document.querySelector('.todo input'); const todoButton=document.querySelector(“.todo按钮”); const todoList=

我正在看一段关于如何创建待办事项列表的视频。我遵循了教程中显示的每一行代码,但对我来说不起作用。当我按下按钮时,它应该创建一个列表项。相反,它给了我一个错误:“uncaughtsyntaxerror:意外标识符”。 你能告诉我我做错了什么吗

//选择器
const todoInput=document.querySelector('.todo input');
const todoButton=document.querySelector(“.todo按钮”);
const todoList=document.querySelector('.todo List');
//事件侦听器
todoButton.addEventListener('click',addTodo)
//功能
函数addTodo(事件){
//阻止表单提交
event.preventDefault();
//托多分区
const todoDiv=document.createElement('div');
todoDiv.classList.add('todo');
//创立
const newTodo=document.createElement('li');
newTodo.innerText='hey';
newTodo.classList.add('todo-item');
托多迪夫·阿佩奇尔德(纽托多);
//复选标记按钮
const completedButton=document.createElement('button');
completedButton.innerText=“”;
completedButton.classList.add('complete-btn');
todoDiv.appendChild(completedButton);
//检查垃圾箱按钮
const trashButton=document.createElement('button');
trashButton.innerHTML='';
trashButton.classList.add('complete-btn');
todoDiv.appendChild(垃圾按钮);
//附加到列表
托多利斯特。阿佩奇尔德(托多迪夫);
}
*{
保证金:0;
填充:0;
框大小:边框框;
}
身体{
背景图像:线性梯度(120度,#a8903f,#b94a2b);
颜色:白色;
字体系列:“罂粟花”,无衬线;
}
标题{
字体大小:1.5rem;
}
标题,
形式{
最小高度:20vh;
显示器:flex;
证明内容:中心;
对齐项目:居中;
}
表格输入,
窗体按钮{
填充:0.5雷姆;
字号:2rem;
边界:无;
背景:白色;
}
窗体按钮{
颜色:#d88771;
背景色:白色;
光标:指针;
过渡:所有0.3秒缓解;
}
窗体按钮:悬停{
背景:#d88771;
颜色:白色;
}

任务清单
张的待办事项清单

您的一个CSS选择器错误。查看yout HTML文件-您有:

<ul class="todo-list">
  
</ul>
const todoList = document.querySelector('.todo-List');
它应该是
待办事项列表
,与HTML中的相同:

const todoList = document.querySelector('.todo-list');
再看看这一行:

completedButton.innerText = "<i class="fas fa-check"> </i>";

你在下面几行就做对了。您的代码编辑器应该突出显示这一点。

您的一个CSS选择器错误。查看yout HTML文件-您有:

<ul class="todo-list">
  
</ul>
const todoList = document.querySelector('.todo-List');
它应该是
待办事项列表
,与HTML中的相同:

const todoList = document.querySelector('.todo-list');
再看看这一行:

completedButton.innerText = "<i class="fas fa-check"> </i>";

你在下面几行就做对了。您的代码编辑器应该突出显示这一点。

第26行:使用单逗号而不是双逗号。使用:外部双逗号中的单逗号或单逗号中的双逗号

是正确的

不是这个:

completedButton.innerHTML=”“;

第26行:用单逗号代替双逗号。使用:外部双逗号中的单逗号或单逗号中的双逗号

是正确的

不是这个:

completedButton.innerHTML=”“;

第3行,待办事项列表不应以大写字母结束-不可复制或由打字错误引起第3行,待办事项列表不应以大写字母结束-不可复制或由打字错误引起