javascript - 随机化数组以激活函数

Question

我有一点问题。

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

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

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

我找遍了也没找到。

有人可以帮助我吗？

This is the overview of the game

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

如果你看第二个，你会看到云，上面写着“goed gedaan”(意味着干得好，一个按钮说“下一步”)现在，如果你按下那个按钮，游戏 1 到 5 的功能中的 1 个需要被调用才能再次玩。

我的问题是我该怎么做

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)];