Untitled
unknown
javascript
3 years ago
3.5 kB
7
Indexable
document.querySelector('#zdjecie img').addEventListener('click', function() { //właściwości css które składają się z wielu wyrazów tutaj zapisujemy w notacji camelCase np.borderRadius document.querySelector('img').style.borderRadius = '50px'; }); document.querySelector('#zdj').addEventListener('click', function() { document.querySelector('img').style.borderRadius = '50px'; }); document.querySelector('.zdj').addEventListener('click', function() { document.querySelector('img').style.borderRadius = '50px'; }); document.querySelector('.zdj').addEventListener('click', function() { document.querySelector('img').style.borderRadius = '50px'; }); document.querySelector('div img').addEventListener('click', function() { document.querySelector('img').style.borderRadius = '50px'; }); //tablica przechowująca punkt graczy let punkty = []; //punkty które zdobywa gracz po każdym rzucie kością let punktyRundy; //zmienna sterująca graczami jeśli równa 0 gra gracz1 jeśli równa 1 gra gracz2 //jako że w programowaniu numerujemy od 0, gracz1 będzie miał wartość 0 gracz2wartość 1 ułatwi to pobieranie punktów z tablicy let aktualnyGracz; //zmienna boolowska sterująca rozgrywką jeśli true możemy grać jeśli false rozgrywka będzie niemożliwa let czyMoznaGrac; //dodajemy tablicę, która przechowa adresy do grafik z kością const obrazki = ["https://cdn.glitch.com/8fbc579f-3346-47a0-abbc-945a83abb962%2Fkosc - 1. png ? v = 1610038358032 ", "https://cdn.glitch.com/8fbc579f-3346-47a0-abbc-945a83abb962%2Fkosc - 2. png ? v = 1610038358080 ", "https://cdn.glitch.com/8fbc579f-3346-47a0-abbc-945a83abb962%2Fkosc - 3. png ? v = 1610038358032 ", "https://cdn.glitch.com/8fbc579f-3346-47a0-abbc-945a83abb962%2Fkosc - 4. png ? v = 1610038358142 ", "https://cdn.glitch.com/8fbc579f-3346-47a0-abbc-945a83abb962%2Fkosc - 5. png ? v = 1610038358032 ", "https://cdn.glitch.com/8fbc579f-3346-47a0-abbc-945a83abb962%2Fkosc - 6. png ? v = 1610038358193 " ]; //funkcja odpowiedzialna za przygotowanie nowej gry nowaGra(); function nowaGra() { //zezwalamy na grę czyMoznaGrac = true; //grę zawsze rozpoczyna gracz 1 aktualnyGracz = 0; //ukrywamy kość na początku gry document.querySelector('.kosc').style.display = 'none'; //zerujemy wszystkie wyniki punkty = [0, 0]; punktyRundy = 0; //aktualizujemy interfejs użytkownika z punktami document.getElementById('wynik-0').textContent = '0'; document.getElementById('wynik-1').textContent = '0'; document.getElementById('aktualne-punkty-0').textContent = '0'; document.getElementById('aktualne-punkty-1').textContent = '0'; //zmieniamy nazwy na Gracz1 i Gracz2 ponieważ podczas rozgrywki będziemy modyfikować te elementy ustawiając tekst zwycięstwo document.getElementById('nazwa-0').textContent = 'Gracz 1'; document.getElementById('nazwa-1').textContent = 'Gracz 2'; //usuwamy klasę zwycięstwo odpowiedzialną za podmianę tekstu Gracz1/2 na zwycięstwo document.querySelector('.gracz-0-panel').classList.remove('zwyciestwo'); document.querySelector('.gracz-1-panel').classList.remove('zwyciestwo'); // usuwamy klasę aktywny odpowiedzialną za wskazywanie aktualnego gracza document.querySelector('.gracz-0-panel').classList.remove('aktywny'); document.querySelector('.gracz-1-panel').classList.remove('aktywny'); //dodajemy klasę aktywny do Gracza1 ponieważ to on zawsze zaczyna grę document.querySelector('.gracz-0-panel').classList.add('aktywny'); }
Editor is loading...