非常简单的Javascript切换不起作用

我试图使用javascript创建一个简单的切换类，但我的代码有一个问题。有人能告诉我是什么错误吗？谢谢

HTML:

Javascript:

var btnOne = document.getElementById("buttonOne");

function functionOne() {
    var carOne = document.getElementById("carouselOne");
    if ( carOne.className == "" ) {
        carOne.className = "toggleHideShow";
    }else {
        carOne.className = "";
    }
}
btnOne.addEventListener("click", functionOne);

更改css行

.toggleHideShow {

到

这会起作用的

试试这个：

var btnOne=document.getElementById（“buttonOne”）；
函数functionOne（）{
var carOne=document.getElementById（“carouselOne”）；
carOne.classList.toggle（'hidden'）；
}
btnOne.addEventListener（“单击”，functionOne）
。隐藏{
显示：无；
}
点击这里
Lorem ipsum dolor sit amet，奉献精英。除劳丹提姆外的所有动物，都会因疼痛而死亡，也会因疼痛而死亡。阿苏门达，莫莉塔

DOM就绪时单击事件是否已绑定？是，事件已绑定使用jquery以避免陷入此类问题
=
用于比较，
=
用于分配！你把这个问题改了几次，犯了新的错误。试着等待答案。现在您的示例不起作用，因为
#
比
更重要。您尝试过这个吗？@mplungjan是的，我尝试过为什么不显示它起作用？或者至少解释一下为什么“试试这个”不是一个正确的解释
var btnOne = document.getElementById("buttonOne");

function functionOne() {
    var carOne = document.getElementById("carouselOne");
    if ( carOne.className == "" ) {
        carOne.className = "toggleHideShow";
    }else {
        carOne.className = "";
    }
}
btnOne.addEventListener("click", functionOne);

.toggleHideShow {

#carouselOne.toggleHideShow {