做一个复活节彩蛋，JS动作点击5个按钮

Making an easter egg, JS action on 5 button clicks

本文关键字：JS 按钮 5个 一个 复活节      更新时间：2023-09-26

所以我正在尝试制作某种复活节彩蛋，我尝试了多种不同的方法，但都没有成功，目前，我正在尝试一个按钮，它将隐藏一些方式，当点击5次时，它会隐藏我的页面内容并显示gif，但当点击时，它自动隐藏页面内容，但不会显示gif，除非它点击了5次，但你不能点击5次，因为它会随页面内容一起消失。无论如何，这是我的代码：

    $(document).ready(function(){
        var count = 0 ;
        $("button").click(function(){
            count+=1;
            if (count==5)    
                 $( "#datboi" ).toggle();   
                 $( ".body" ).toggle(); 
        });
    });

哦，在你把我链接到关于点击5按钮操作的帖子之前，我已经试过了，这就是我写上面东西的方式，但它不起作用，所以是的

您的if块周围需要大括号：

$(document).ready(function(){
    var count = 0 ;
    $("button").click(function(){
        count+=1;
        if (count==5) {  
             $( "#datboi" ).toggle();   
             $( ".body" ).toggle(); 
        }
    });
});

在javascript中，您可以省略if块的大括号，但只对其应用条件后的第一条语句。因此，您的代码等效于：

$(document).ready(function(){
    var count = 0 ;
    $("button").click(function(){
        count+=1;
        if (count==5) {
             $( "#datboi" ).toggle();   
        }
        $( ".body" ).toggle(); // body is toggled immediately after the first click
    });
});
相关文章：