随机化数组以激活函数

Question

我有点问题。

我们正在为学校制作一款儿童游戏。 现在我们有 5 个不同的任务需要他们完成。

所以每个游戏（我称之为）都是一个函数。

现在，当您单击云时，阵列应该会随机选择一个并进行设置。

我找遍了都找不到。

有人可以帮我吗？

This is the overview of the game

函数 Game1、Game2、Game3、Game4 和 Game5 是第一个（它基本上是按时钟找到正确的时间）但这有效。

如果您查看第二个，您会看到云，上面写着 goed gedaan（表示干得好，按钮表示下一步）现在，如果您按下功能的按钮 1，则需要调用游戏 1 到 5 才能再次播放。

我的问题是我该怎么做

function Start(){    
    $("#start").click(function(){
          $("#start").hide();
          testStart();
          });
        }

    function testStart(){
        if($('#start').is(':hidden')) {
            Game1();
        }
    }

    function Game1(){
        $(".klok1").css("visibility", "visible");
        $(".opt1").css("visibility", "visible");
        $(".opt2").css("visibility", "visible");
        $(".opt3").css("visibility", "visible");
        $(".tekst").css("visibility", "visible");
            $(".klok1").attr("src", "game1/klok1.png");
                $(".opt1").click(function(){
                $(this).hide();
                });
                $(".opt2").click(function(){
                $(this).hide();
                });
                $(".opt3").click(function(){
                $("#volgende").css("visibility", "visible");
                });
    } 

    var RandomGames = [Game1, Game2, Game3, Game4, Game5];

    function Volgende(){
        $("#volgende").click(function(){
            alert ("functie volgende opgeroepen");
            $("#volgende").css("visibility", "hidden");
            shuffle[RandomGames];
    })

}

    function Game2(){
        $(".klok1").css("visibility", "visible");
        $(".opt1").css("visibility", "visible");
        $(".opt2").css("visibility", "visible");
        $(".opt3").css("visibility", "visible");
        $(".tekst").css("visibility", "visible");
            $(".klok1").attr("src", "game2/klok2.png");
                $(".opt1").attr("src", "game2/optie1.png");
                $(".opt1").click(function(){
                $("#volgende").css("visibility", "visible");
                });
                $(".opt2").attr("src", "game2/optie2.png");
                $(".opt2").click(function(){
                $(this).hide();
                });
                $(".opt3").attr("src", "game2/optie3.png");
                $(".opt3").click(function(){
                $(this).hide();
                });
    }

    function Game3(){
        $(".klok1").css("visibility", "visible");
        $(".opt1").css("visibility", "visible");
        $(".opt2").css("visibility", "visible");
        $(".opt3").css("visibility", "visible");
        $(".tekst").css("visibility", "visible");
            $(".klok1").attr("src", "game3/klok3.png");
                $(".opt1").attr("src", "game3/optie1.png");
                $(".opt1").click(function(){
                $(this).hide();
                });
                $(".opt2").attr("src", "game3/optie2.png");
                $(".opt2").click(function(){
                $("#volgende").css("visibility", "visible");
                });
                $(".opt3").attr("src", "game3/optie3.png");
                $(".opt3").click(function(){
                $(this).hide();
                });
    }  

    function Game4(){
        $(".klok1").css("visibility", "visible");
        $(".opt1").css("visibility", "visible");
        $(".opt2").css("visibility", "visible");
        $(".opt3").css("visibility", "visible");
        $(".tekst").css("visibility", "visible");
            $(".klok1").attr("src", "game4/klok4.png");
                $(".opt1").attr("src", "game4/optie1.png");
                $(".opt1").click(function(){
                $("#volgende").css("visibility", "visible");
                });
                $(".opt2").attr("src", "game4/optie2.png");
                $(".opt2").click(function(){
                $(this).hide();
                });
                $(".opt3").attr("src", "game4/optie3.png");
                $(".opt3").click(function(){
                $(this).hide();
                });
    }  

    function Game5(){
        $(".klok1").css("visibility", "visible");
        $(".opt1").css("visibility", "visible");
        $(".opt2").css("visibility", "visible");
        $(".opt3").css("visibility", "visible");
        $(".tekst").css("visibility", "visible");
            $(".klok1").attr("src", "game5/klok5.png");
                $(".opt1").attr("src", "game5/optie1.png");
                $(".opt1").click(function(){
                $(this).hide();
                });
                $(".opt2").attr("src", "game5/optie2.png");
                $(".opt2").click(function(){
                $(this).hide();
                });
                $(".opt3").attr("src", "game5/optie3.png");
                $(".opt3").click(function(){
                $("#volgende").css("visibility", "visible");
                });
    } 

Answer 1

您可以使用此函数获取随机数组：

我们有项目数组：var items = [523,3452,334,31,...5346];

使用Math.random()可以得到随机值。

var item = items[Math.floor(Math.random()*items.length)];

Answer 2

试试这个：

var RandomGames = [];
RandomGames.push(function(){
    //game code
});
//... Do this in each game.

现在开始游戏：

RandomGames[randomIndex]();