Javascript 当单击div>；添加类。我的JS有什么问题？

当我单击一个块时，应该向其中添加一个类

我似乎做的每件事都是对的，但代码不起作用

但它显示了javascript中的一个错误。我不明白我做错了什么

未捕获引用错误：未定义myFunction

请帮我解决这个错误

函数myFunction（）{
var元素=document.getElementById（“myDIV”）；
元素.classList.add（“50squareclick”）；
}

\u 50\u平方米{
位置：相对位置；
宽度：50vh；
高度：50vh；
最大宽度：100%；
-webkit透视图：0px；
透视图：0px；
-webkit变换：透视（1000px）旋转（0deg）透视（2000px）；
变换：透视（1000px）旋转（0deg）透视（2000px）；
}
.块基本卡旋转{
显示：-网络工具包盒；
显示：-webkit flex；
显示：-ms flexbox；
显示器：flex；
-webkit盒包：中心；
-webkit内容：中心；
-ms-flex-pack:center；
证明内容：中心；
}
.图像旋转{
位置：绝对位置；
左：0%；
最高：0%；
右：0%；
底部：0%；
-webkit背面可见性：隐藏；
背面可见性：隐藏；
}
.video_{
显示：无；
位置：绝对位置；
左：0%；
最高：0%；
右：0%；
底部：0%；
显示：-网络工具包盒；
显示：-webkit flex；
显示：-ms flexbox；
显示器：flex；
-webkit框对齐：居中；
-webkit对齐项目：居中；
-ms-flex-align：居中；
对齐项目：居中；
背景色:#282828 ;；
-webkit背面可见性：隐藏；
背面可见性：隐藏；
-webkit变换：rotateX（0度）rotateY（180度）rotateZ（0度）；
变换：rotateX（0度）rotateY（180度）rotateZ（0度）；
-webkit变换样式：保留-3d；
变换样式：保留-3d；
}
.图像_rot{
宽度：100%；
身高：100%；
-o-对象配合：盖；
对象匹配：覆盖；
}
/*动画*/
.50squareclick{
变换：透视（1000px）旋转（40度）透视（2000px）；
}

---

我对您提供的代码做了一些更改，我将此作为参数传递给了

，并删除了它

var-element=document.getElementById（“myDIV”）因为你是不可逆转的，现在应该没事了
需要注意的一点是类的命名

HTML5支持数字作为id和类名，但css选择器没有
在某些规则中，有效名称应以字母（A-z）[A-z]开头
下划线（\）或后跟任何数字的连字符（-），
连字符、下划线、字母



函数myFunction（e）{
//var元素=document.getElementById（“myDIV”）；
e、 类列表。添加（“单击”）；
控制台日志（e）
}
\u 50\u平方米{
位置：相对位置；
宽度：50vh；
高度：50vh；
最大宽度：100%；
-webkit透视图：0px；
透视图：0px；
-webkit变换：透视（1000px）旋转（0deg）透视（2000px）；
变换：透视（1000px）旋转（0deg）透视（2000px）；
}
.块基本卡旋转{
显示：-网络工具包盒；
显示：-webkit flex；
显示：-ms flexbox；
显示器：flex；
-webkit盒包：中心；
-webkit内容：中心；
-ms-flex-pack:center；
证明内容：中心；
}
.图像旋转{
位置：绝对位置；
左：0%；
最高：0%；
右：0%；
底部：0%；
-webkit背面可见性：隐藏；
背面可见性：隐藏；
}
.video_{
显示：无；
位置：绝对位置；
左：0%；
最高：0%；
右：0%；
底部：0%；
显示：-网络工具包盒；
显示：-webkit flex；
显示：-ms flexbox；
显示器：flex；
-webkit框对齐：居中；
-webkit对齐项目：居中；
-ms-flex-align：居中；
对齐项目：居中；
背景色:#282828 ;；
-webkit背面可见性：隐藏；
背面可见性：隐藏；
-webkit变换：rotateX（0度）rotateY（180度）rotateZ（0度）；
变换：rotateX（0度）rotateY（180度）rotateZ（0度）；
-webkit变换样式：保留-3d；
变换样式：保留-3d；
}
.图像_rot{
宽度：100%；
身高：100%；
-o-对象配合：盖；
对象匹配：覆盖；
}
/*动画*/
.50squareclick{
变换：透视（1000px）旋转（40度）透视（2000px）；
}

@Pete-不应该太重要。在单击之前不会调用它。您提供的代码没有说明问题。（问题可能与如何将JS加载到HTML文档有关）请注意，类名不能以数字开头。Thaks用于解决。我真的不明白为什么我的代码不起作用。如果不把这个
.50squareclick{
改成这个
。\u50squareclick{
？