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

随机数组激活函数

2 个答案: