$(document).ready(function(){
    var names = ['Mikiyas Astatke', 'Wouter Gossenaerts', 'Tadele Bgzo', 'Gos de kabouter', 'Lisa de Joneng'];
    var randName = getRandomArrayElement(names);




function getRandomArrayElement (arrayObject) {
    if (Array.isArray(arrayObject)) {
        return arrayObject[(Math.random() * arrayObject.length)|0];
    }
    throw "Gelieve een array mee te geven!";
}

    $(".trek").click(function(){
        $(".randname").append( "<h3>Kies cadeautjes voor: " + randName + "</h3>");
        $("#cado").css("display", "block");
        $(".vraag").css("display", "none");

    });


     $("#bevestig").click(function(){

            var gekozencados = [];
            $.each($("input[type=checkbox]:checked"), function(){
                gekozencados.push($(this).val());
            });
            $("#bedankt").append("<h3>Bedankt, dit zijn de cadeautjes die je hebt gekozen voor " + randName+"</h3>");
            $("#bedankt").append("<ul class='listchecked'></ul>");

            for(var i =0;i<gekozencados.length;i++){
                $(".nameBedankt").append();
                $(".listchecked").append( "<li>"+gekozencados[i]+"</li>");
            }
            $("#cado").css("display", "none");
            $("#bevestig").css("display", "block");
            //alert("My favourite sports are: " + gekozencados.join(", "));
        });
});