选中不是函数javascript错误

选中不是函数javascript错误,javascript,html,function,onclick,syntax-error,Javascript,Html,Function,Onclick,Syntax Error,我正在做一个简单的任务清单项目。在这个项目中,您可以添加一个任务,一旦用户按下submit,任务就会显示,并带有一个复选框。当您单击复选框时,它应该显示警报,并使任务样式装饰行通过 我尝试了很多方法来实现这一点。第一种方法是我尝试工作,但是它只对一项任务有效,而对其他任务,它显示了一个错误。我还尝试使用if语句使其工作,但它只是显示了相同的错误。我尝试过切换很多东西(这就是为什么我的代码看起来如此混乱),但它就是不起作用 var name=prompt(“请输入您的姓名:)”; documen

我正在做一个简单的任务清单项目。在这个项目中,您可以添加一个任务,一旦用户按下submit,任务就会显示,并带有一个复选框。当您单击
复选框时,它应该显示
警报
,并使任务
样式
装饰
行通过

我尝试了很多方法来实现这一点。第一种方法是我尝试工作,但是它只对一项任务有效,而对其他任务,它显示了一个错误。我还尝试使用if语句使其工作,但它只是显示了相同的错误。我尝试过切换很多东西(这就是为什么我的代码看起来如此混乱),但它就是不起作用

var name=prompt(“请输入您的姓名:)”;
document.write(“+”你好“+”姓名“+”让我们今天富有成效“+”);
函数showTime(){
变量日期=新日期();
var h=date.getHours();
var m=date.getMinutes();
var s=date.getSeconds();
var session=“AM”;
如果(h==0){
h=12;
}
如果(h>12){
h=h-12;
session=“PM”;
}
h=(h<10)-“0”+h:h;
m=(m<10)-“0”+m:m;
s=(s<10)?“0”+s:s;
var time=h+“:“+m+”:“+s+”+会话;
document.getElementById(“MyClockDisplay”).innerText=时间;
document.getElementById(“MyClockDisplay”).textContent=时间;
设置超时(显示时间,1000);
}
showTime();
document.getElementById(“b”).onclick=function(){
document.querySelector(“.todo”).style.display='flex';
}
document.querySelector(“.close”).onclick=function(){
document.querySelector(“.todo”).style.display='none';
}
document.getElementById(“任务”);
文件.getElementById(“日期”);
文件.getElementById(“tsks”);
document.getElementById(“检查”);
document.getElementById(“s”).onclick=function(){
var newEl=document.createElement(“p”);
newEl.setAttribute(“id”、“tsks”);
newEl.innerHTML=“”+task.value+“”+date.value;
document.getElementById('task2').appendChild(newEl);
}
函数检查(){
if(check.onclick==true){
tsks.style.textdeartimation=“直线通过”;
警报(“您已完成任务”+tsks.value+“干得好!”);
}
}
正文{
背景图像:url(“https://i.ibb.co/dLrp1gP/43150024-polka-dot-background-blue-vector-elegant-image.jpg");
}
.内容{
背景色:白色;
宽度:700px;
高度:400px;
位置:绝对位置;
左:325px;
顶部:150px;
}
#问候{
位置:绝对位置;
左:445px;
顶部:150px;
背景:-webkit线性梯度(#2980B9,#6DD5FA,#fff);
-webkit背景剪辑:文本;
-webkit文本填充颜色:透明;
}
#我的时钟显示器{
颜色:蓝色;
字体大小:粗体;
位置:绝对位置;
左:625px;
顶部:230像素;
}
#b{
背景图像:线性梯度(#2980B9,#6DD5FA,#fff);
颜色:黑色;
边框颜色:白色;
文本权重:粗体;
宽度:70px;
高度:50px;
位置:绝对位置;
左:625px;
顶部:260px;
}
.做{
宽度:100%;
身高:100%;
位置:绝对位置;
排名:0;
显示器:flex;
证明内容:中心;
对齐项目:居中;
显示:无;
z指数:1;
}
.模态内容{
宽度:500px;
高度:300px;
边界半径:10px;
位置:相对位置;
背景颜色:紫色;
}
.结束{
位置:绝对位置;
排名:0;
右:14px;
字体大小:32px;
变换:旋转(45度);
光标:指针;
}
#aat{
背景色:白色;
字体大小:粗体;
}
氢{
位置:绝对位置;
左:590px;
顶部:305px;
边框底部:5px纯蓝色;
}
p{
字体大小:粗体;
位置:相对位置;
左:590px;
顶部:360px;
}

待办事项清单
添加任务
添加任务
+
你的任务

我将checked()更改为window.checked(),并删除checked函数中的if语句,从而使其正常工作

newEl.innerHTML =  "<input type = 'checkbox' id = 'check' onclick = 'window.checked()'>"  + task.value  + '&nbsp;' + date.value;

我通过将checked()改为window.checked()并删除checked函数中的if语句来实现它

newEl.innerHTML =  "<input type = 'checkbox' id = 'check' onclick = 'window.checked()'>"  + task.value  + '&nbsp;' + date.value;

它的工作原理是将if(check.onclick==true)更改为if(check.checked==true)并将函数名从checked更改为chec,因为checked是java脚本中的一个属性。因此,该关键字不能用作函数名

var name=prompt(“请输入您的姓名:)”;
document.write(“+”你好“+”姓名“+”让我们今天富有成效“+”);
函数showTime(){
变量日期=新日期();
var h=date.getHours();
var m=date.getMinutes();
var s=date.getSeconds();
var session=“AM”;
如果(h==0){
h=12;
}
如果(h>12){
h=h-12;
session=“PM”;
}
h=(h<10)-“0”+h:h;
m=(m<10)-“0”+m:m;
s=(s<10)?“0”+s:s;
var time=h+“:“+m+”:“+s+”+会话;
document.getElementById(“MyClockDisplay”).innerText=时间;
document.getElementById(“MyClockDisplay”).textContent=时间;
设置超时(显示时间,1000);
}
showTime();
document.getElementById(“b”).onclick=function(){
document.querySelector(“.todo”).style.display='flex';
}
document.querySelector(“.close”).onclick=function(){
document.querySelector(“.todo”).style.display='none';
}
document.getElementById(“任务”);
文件.getElementById(“日期”);
文件.getElementById(“tsks”);
document.getElementById(“检查”);
document.getElementById(“s”).onclick=function(){
var newEl=document.createElement(“p”);
newEl.setAttribute(“id”、“tsks”);
newEl.innerHTML=“”+task.value+“”+date.value;
document.getElementById('task2').appendChild(newEl);
}
函数chec(){
如果(check.checked==true){
tsks.style.textdeartimation=“直线通过”;
警报(“您已完成任务”+tsks.value+“干得好!”);
}
}
正文{
背景图像:url(“https://i.ibb.co/dLrp1gP/43150024-polka-dot-background-blue-vector-elegant-image.jpg");
}
.内容{
背景色:白色;