• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Losowa kolejność zdjęć w Js

VPS Starter Arubacloud
0 głosów
622 wizyt
pytanie zadane 4 maja 2020 w JavaScript przez Programator6909 Użytkownik (780 p.)

Witam, Jeśli temat gdzieś tu był to proszę o podanie linku do niego . Znalazłem stary film pana Mirosława "KURS JAVASCRIPT (#5) POZNAJEMY JQUERY. GRA W PAMIĘĆ"  i chciałem dodać losowanie zdjęć. Ale nie wiem jak losować zdjęcia z tablicy.

var cards = ["ciri.png", "geralt.png", "jaskier.png", "jaskier.png", "iorweth.png", "triss.png", "geralt.png", "yen.png", "ciri.png", "triss.png", "yen.png", "iorweth.png"];

var w = Math((Math.random() * (cards)));

Ale  po zakończeniu gry nie zmienia kolejności. Z góry dziękuje. 

4 odpowiedzi

+1 głos
odpowiedź 4 maja 2020 przez Arcturus Bywalec (2,370 p.)

Math.random() zawsze zwraca liczbę mniejszą niż 1, więc zrób tak:Math.floor(Math.random() * 11);.

math random() z math floor() wylosuje liczbę ujemną. 

I lepiej ucz się ze strony https://www.w3schools.com/js/default.asp, niż z przestarzałego kursu wideo

 

 

0 głosów
odpowiedź 4 maja 2020 przez creend Gaduła (4,700 p.)
var w = cards[Math.floor(Math.random()*cards.length)]
0 głosów
odpowiedź 5 maja 2020 przez Programator6909 Użytkownik (780 p.)

Te dwa sposoby:

var w = cards[Math.floor(Math.random()*cards.length)];

i

Math.floor(Math.random() * 11);.

Nie działają.

Może zrobię 3 przyciski po wygranej z 3-ma różnymi ustawieniami?

komentarz 5 maja 2020 przez Arcturus Bywalec (2,370 p.)
to 11 to podałem przykładowo, zmień je na coś co będzie ci potrzebne do programu
0 głosów
odpowiedź 5 maja 2020 przez Programator6909 Użytkownik (780 p.)

Nic nie działa , może dam cały kod:

 


var cards = ["ciri.png", "geralt.png", "jaskier.png", "jaskier.png", "iorweth.png", "triss.png", "geralt.png", "yen.png", "ciri.png", "triss.png", "yen.png", "iorweth.png"];



//alert(cards[4]);

//console.log(cards);

var c0 = document.getElementById('c0');
var c1 = document.getElementById('c1');
var c2 = document.getElementById('c2');
var c3 = document.getElementById('c3');

var c4 = document.getElementById('c4');
var c5 = document.getElementById('c5');
var c6 = document.getElementById('c6');
var c7 = document.getElementById('c7');

var c8 = document.getElementById('c8');
var c9 = document.getElementById('c9');
var c10 = document.getElementById('c10');
var c11 = document.getElementById('c11');

c0.addEventListener("click", function() { revealCard(0); });
c1.addEventListener("click", function() { revealCard(1); });
c2.addEventListener("click", function() { revealCard(2); });
c3.addEventListener("click", function() { revealCard(3); });

c4.addEventListener("click", function() { revealCard(4); });
c5.addEventListener("click", function() { revealCard(5); });
c6.addEventListener("click", function() { revealCard(6); });
c7.addEventListener("click", function() { revealCard(7); });

c8.addEventListener("click", function() { revealCard(8); });
c9.addEventListener("click", function() { revealCard(9); });
c10.addEventListener("click", function() { revealCard(10); });
c11.addEventListener("click", function() { revealCard(11); });

var oneVisible = false;
var turnCounter = 0;
var visible_nr;
var lock = false;
var pairsLeft = 6;

function revealCard(nr)
{
	var opacityValue = $('#c'+nr).css('opacity');
	
	//alert('Opacity: '+opacityValue);
	
	if (opacityValue != 0 && lock == false)
	{
		lock = true;
		
		//alert(nr);
	
		var obraz = "url(img/" + cards[nr] + ")";
		
		$('#c'+nr).css('background-image', obraz);
		$('#c'+nr).addClass('cardA');
		$('#c'+nr).removeClass('card');
		
		if(oneVisible == false)
		{
			//first card
			
			oneVisible = true;
			visible_nr = nr;
			lock = false;
		}
		else
		{
			//second card
			
			if(cards[visible_nr] == cards[nr])
			{
				//alert("para");
				
				setTimeout(function() { hide2Cards(nr, visible_nr) }, 750);
				
			}
			else
			{
				//alert("pudło");
				
				setTimeout(function() { restore2Cards(nr, visible_nr) }, 1000);
			}
			
			turnCounter++;
			$('.score').html('Turn counter: '+turnCounter);
			oneVisible = false;
		}
		
	}
	
}

function hide2Cards(nr1, nr2)
{
	$('#c'+nr1).css('opacity', '0');
	$('#c'+nr2).css('opacity', '0');
	
	pairsLeft--;
	
	if(pairsLeft == 0)
	{
		$('.board').html('<h1>You win!<br>Done in '+turnCounter+' turns</h1><br><a href=""><h1>Play again!</h1></a>');
		
		Math.floor(Math.random() * 12);
		
		
		
		
	}
	
	lock = false;
}

function restore2Cards(nr1, nr2)
{
	$('#c'+nr1).css('background-image', 'url(img/karta.png)');
	$('#c'+nr1).addClass('card');
	$('#c'+nr1).removeClass('cardA');	

	$('#c'+nr2).css('background-image', 'url(img/karta.png)');
	$('#c'+nr2).addClass('card');
	$('#c'+nr2).removeClass('cardA');
	
	lock = false;
}

//second card
if(visible_nr != nr)
{
	if(cards[visible_nr] == cards[nr])
	{
	//alert("para");
	setTimeout(function(){ hide2Cards(nr, visible_nr)}, 750);

	}
	else
	{
	//alert("pudło");
	setTimeout(function(){ restore2Cards(nr, visible_nr)}, 1000);

	}

	turnCounter++;
	$('.score').html('Turn counter: '+turnCounter);
	oneVisible = false;
}
else
{
lock = false;
}

Tak jak mówiłem znalazłem ten film i chciałem jakoś się pobawić z tym losowym ułożeniem kard, szukałem w necie ale nie wiem jak. Poddaje się!

Podobne pytania

0 głosów
2 odpowiedzi 175 wizyt
pytanie zadane 3 listopada 2016 w C i C++ przez jelonek2006 Początkujący (420 p.)
0 głosów
1 odpowiedź 208 wizyt
0 głosów
1 odpowiedź 667 wizyt
pytanie zadane 23 maja 2018 w JavaScript przez kenjiro244 Dyskutant (8,600 p.)

92,451 zapytań

141,261 odpowiedzi

319,073 komentarzy

61,853 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Akademia Sekuraka 2024 zapewnia dostęp do minimum 15 szkoleń online z bezpieczeństwa IT oraz dostęp także do materiałów z edycji Sekurak Academy z roku 2023!

Przy zakupie możecie skorzystać z kodu: pasja-akademia - użyjcie go w koszyku, a uzyskacie rabat -30% na bilety w wersji "Standard"! Więcej informacji na temat akademii 2024 znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...