chuj

Kolorwanie:
Status:
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778
var licz=0;
var click = false;
let suma = 0;

let kino = document.getElementById('kina').addEventListener("change", function(e){  //nasłuchuje czy parametr
   let wyb = e.target.selectedIndex; //tworzysz zmienna wyb której przypisujesz coś even element target czyli cel i selectid przypisuje 1,2,3,4, wyborą na stronie
    
if(wyb== 1){  //wybór kina
    let sala = document.getElementById("sala"); //pobiera id z diva
    let sal = '';
    for(let i=0; i<100; i++){   //ilość miejsc
        licz++; //daje numerki w każdym divie
        sal += "<div class='miejsce' style='background-color:green;'>"+licz+"</div>";  //do zmiennej sal dodajesz to co już jest i div czyli miejsce kwadraciki z miejsce no i musisz mieć styl kolor kwadracika zielony
    }
    sala.innerHTML = sal; //podmieniasz pod sala żeby się wyświetlały na zielono
    document.querySelectorAll('.miejsce').forEach(el => { //to jest jak getelementyid tylko że możesz wybrać przez id albo klase do tego .miejsce (znaczy klasa) i robisz pętle dla każdego (el czyli nazwa zmiennej element) dla każdego elemtu robisz funkcje (=>)
        el.addEventListener('click', wybor) //dla każdego kwadracika tego zielonego przy kliknięciu robi się funkcja wybór
        
    });
    cena=1000;
    suma=0;
    licz=0;

}

else if (wyb == 2){  //wybór kina
    let sala = document.getElementById("sala");
    let sal = '';
    for(let i=0; i<50; i++){  //ilość miejsc
        licz++;
        sal += "<div class='miejsce' style='background-color:green;'>"+licz+"</div>";
    }
    sala.innerHTML = sal;
    document.querySelectorAll('.miejsce').forEach(el => {
        el.addEventListener('click', wybor)
        
    });
    cena=20;
    licz=0;
    suma=0;
}

else if (wyb == 3){  //wybór kina
    let sala = document.getElementById("sala");
    let sal = '';
    for(let i=0; i<20; i++){  //ilość miejsc
        licz++;
        sal += "<div class='miejsce' style='background-color:green;'>"+licz+"</div>";
    }
    sala.innerHTML = sal;
    document.querySelectorAll('.miejsce').forEach(el => {
        el.addEventListener('click', wybor)
        
    });
    cena=1;
    licz=0;
    suma=0;
}
else {
    
}
})
function wybor(e){

    if(e.target.style.backgroundColor == 'green'){ //funkcja która przyjmuje wartość element czyli (e) ten kwadracik zielony i zmienia się na czerwonu i do sumuy dodaje cene i wyświetla ile zostało do zapłaty
        e.target.style.backgroundColor = 'red';
        suma += cena;  
        document.getElementById('pods').innerHTML ="Do zapaty: "+suma+"z";
        
    }
    else if(e.target.style.backgroundColor == 'red'){  //i to jest odwrotne czerwone na zielone
        e.target.style.backgroundColor = 'green';  
        suma -= cena;
        document.getElementById('pods').innerHTML ="Do zapaty: "+suma+"z";
        
    }
}


Copyrights 2014-2019 © Wklejaj.pl Wszelkie prawa zastrzeżone.