$(document).ready(function () {
    lottoGetallenOphalen();
    $("input[type=submit]").on('click', LottoGebeuren);
});

var LottoGebeuren = function(){
  var Object = {
    "LottoGetallen":genereerLottoNummers(),
    "Joker":genereerJoker()
  };
  $('ul').empty();
  lottoGetallenOphalen();
  lottoGetallenOpslaan(Object);
  toonLottoNummers(Object.LottoGetallen,'ul:first');

};

var genereerLottoNummers = function () {
    var LottoGetallen = [];
    for (var i = 1; i < 7; i++) {
        var getal = Math.floor(Math.random() * 40) + 1;
        while ($.inArray(getal, LottoGetallen) !== -1) {
            getal = Math.floor(Math.random() * 40) + 1;
        }
        LottoGetallen.push(getal);
    }
    return LottoGetallen;
};


var genereerJoker = function(){
    return  Math.floor(Math.random() * 10) + 1;
};

var toonLottoNummers = function (LottoNummers ,  plaats) {
    for (var i = 0; i < LottoNummers.length; i++) {
        $(plaats).append("<li>" + LottoNummers[i] + "</li>");
    }
};

var lottoGetallenOpslaan = function(Object){
    localStorage.setItem("LottoNummers",JSON.stringify(Object));
};

var lottoGetallenOphalen = function(){
    if(typeof Storage !== undefined){
        var vorigeLottoGetallen = JSON.parse(localStorage.getItem("LottoNummers"));
        if(vorigeLottoGetallen !== null){
          toonLottoNummers(vorigeLottoGetallen.LottoGetallen,'ul:last');
        }
    }
};