csalas

var foglalasok = [],
    nagy = document.getElementById('nagy'),
    nev = document.getElementById('nev'),
    email = document.getElementById('email'),
    ules = document.getElementById('ules'),
    szabad_ulesek,
    foglalo_ules;

if (_get('foglalasok') != undefined) {
    foglalasok = _get('foglalasok');
}

for (var i = 1; i < 52; i++) {
    var u = document.createElement('span');
    u.innerHTML = (i+1);
    u.className = (foglalasok.includes(i+1+'')) ? 'foglalt ules' : 'szabad ules';
    nagy.appendChild(u);
    if ((i+1) % 4 == 0) nagy.appendChild(document.createElement('br'));
}

szabad_ulesek = document.getElementsByClassName('szabad')

for (var i = 0; i < szabad_ulesek.length; i++) {
    szabad_ulesek[i].addEventListener('click',function(){
        ules.value = this.innerHTML;
        foglalo_ules = this;
    });
}
document.getElementById('lefoglal').addEventListener('click',function() {
    if (ules.value == '' || nev.value == '' || email.value == '') {
        alert('Töltsön ki minden mezőt!');
        return;
    }
    foglalasok.push(ules.value);
    ules.value = nev.value = email.value = '';
    _set('foglalasok', foglalasok);
    foglalo_ules.className = 'ules foglalt';
    location.reload();
});
function _set(name,value) { localStorage.setItem(name,JSON.stringify(value)); }
function _get(name) { return JSON.parse(localStorage.getItem(name)); }