JavaScript Wyłonienie zwycięzcy gra w kości

Question

Witam, są dwa przyciski losowania,po kliknieciu w przycisk losuje obrazek kostki(sa dwie kostki), nie umiem zrobić by po kliknieciu na dwa przyciski sprawdziło kto wyrzucil wiecej. Pomożecie?

	var numer = Math.floor(Math.random()*5)+1;
	var numer2 = Math.floor(Math.random()*5)+1;
	var kostka = "<img src=\"img/dice"+numer+".jpg\"/>";
	var kostka2 = "<img src=\"img/dice"+numer2+".jpg\"/>";
		
function rzutKostka()
	{

	document.getElementById("kostkaw").innerHTML = kostka;
		
	}
	

function rzutKostka2()
	{
		document.getElementById("kostkam").innerHTML = kostka2;

	}
	
	

<div id="kostkam" >
	<button type="submit" id="throwdicem" onclick="rzutKostka2()">Rzuć kostką</button>
	</div>
<div id="kostkaw">
  <button type="submit" id="throwdicew" onclick="rzutKostka()">Rzuć kostką</button>
 </div>
                 

 

 

 

Answer 1

Wystarczy porównać zmienną numer ze zmienną numer2, która większa - wygrywa:)

Comments

Ale w jaka funkcje to obrac? Pierw musi sprawdzic czy dwie kostki sa wylosowane i wtedy porownac. Nwm jak funkcje zrobic by po wylosowaniu dwoch kostek porownalo ktory lepszy wynik

---

Wnioskuję, że najpierw gracz klika pierwszy przycisk i losuje się kostka pierwsza, potem klika drugi przycisk i losuje się kostka druga więc do tego drugiego przycisku dodałbym instrukcję warunkową, która wyświetli wynik porównania tych zmiennych :)
Jak chcesz funkcję to utworzyłbym funkcję z tą instrukcją warunkową, a wywołanie tej funkcji umieściłbym w funkcji rzutKostka2().
Możesz (polecam), skorzystać z metody rejestracji zdarzeń czyli addEventListener().

---

Właśnie sa dwa przyciski i drugi gracz moze pierwszy wylosowac druga kostke a potem gracz pierwszy. Dlatego po wylosowaniu dwoch kostek funkcja powinna sprawdzic czy kostki zostaly wylosowany i porownac je

---

Więc możesz pójść na łatwiznę i dodać trzeci przycisk - wynik - do niego przypiąć funkcję porównującą.
A jak nie to w obu funkcjach tworzysz instrukcję warunkową sprawdzającą, który przycisk wciśnięto i w zależności od tego wywołać funkcję sprawdzającą.
Jak sprawdzić, który przycisk kliknięto? Tworzysz zmienną i przypisujesz do niej np. 1 jeśli kliknięto w pierwszy przycisk lub 2 jeśli kliknięto w drugi przycisk :) Teraz tylko porównujesz wartość tej zmiennej i w zależności czy ma 1 czy 2 wywołujesz funkcję porównującą.

---

Pomozesz napisac ta instrukcje warunkowa bo nie za bardzo umiem albo jakis przyklad podobnej funkcji. Trzeci przycsik nie wchodzi w gre.

---

Proszę bardzo:
kod JS

var numer = Math.floor(Math.random()*5)+1;
    var numer2 = Math.floor(Math.random()*5)+1;
    var kostka = "<img src=\"img/dice"+numer+".jpg\"/>";
    var kostka2 = "<img src=\"img/dice"+numer2+".jpg\"/>";
    var ktoryPrzycisk = 0;
         
function rzutKostka() {
 	ktoryPrzycisk++;
    document.getElementById("kostkaw").innerHTML = kostka;  
    if (ktoryPrzycisk == 2) {
    	zwyciezca();
    }
}
     
 
function rzutKostka2() {
    ktoryPrzycisk++;
    document.getElementById("kostkam").innerHTML = kostka2;
    if (ktoryPrzycisk == 2) {
    	zwyciezca();
    }
}
function zwyciezca() {
	if (numer > numer2) {
		document.getElementById("wynik").innerHTML = 'Wygrał gracz 1';
	}
	else if (numer < numer2) {
		document.getElementById("wynik").innerHTML = 'Wygrał gracz 2'; 
	}
	else {
		document.getElementById("wynik").innerHTML = 'Padł remis'; 
	}
}

kod HTML

<div id="kostkam" >
    <button type="submit" id="throwdicem" onclick="rzutKostka2()">Rzuć kostką</button>
    </div>
<div id="kostkaw">
  <button type="submit" id="throwdicew" onclick="rzutKostka()">Rzuć kostką</button>
 </div>
<div id="wynik"></div>

Zachęcam do przerobienia tego kodu, aby skorzystać z metody addEventListener(). :)