Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [JavaScript][Java][HTML]zmiana kafelek w grze
manara
post
Post #1





Grupa: Zarejestrowani
Postów: 3
Pomógł: 0
Dołączył: 29.12.2020

Ostrzeżenie: (0%)
-----


Stworzyłam kod do gry memory i chciałam dodać opcję zmiany na inny zestaw kafelków.
Chciałam żeby działało to na zasadzie, że jak klliknę w miniaturkę to obok pojawi się większa wersja(to działa) i jednocześnie zamieni się zestaw kafelek do gry. Poniżej zamieściłam kdo funkcji odpowiedzialnej za automatyczne generowanie div z kafelkami i umieszczanie w nich zdjęć. Głównie chodzi mi o to jak zmieniać nazwę folderów w których są zdjęcia. <img src='1/slice_"+i+"_"+j+".png'> Da się to jakoś zrobić?


Kod
function Wyswietl(x) {
            ekran.innerHTML=x.innerHTML;
        
        }
        
        function generator(){
            var num=4, newdiv, divIdName;
            for (var i=0; i<num; i++)
                for(var j=0; j<num; j++){
                    newdiv=document.createElement('div');
                    divIdName= 'a'+i+j;
                    newdiv.setAttribute('id', divIdName);
                    newdiv.style.top=100+100*i+'px';
                    newdiv.style.left=100+100*j+'px';
                    if(i*j!=9){
                    newdiv.innerHTML= "<img src='1/slice_"+i+"_"+j+".png'>";}
                    
                    newdiv.addEventListener('click', function(){Graj(this);});
                    document.body.appendChild(newdiv);
                }
            
        }
Go to the top of the page
+Quote Post
LowiczakPL
post
Post #2





Grupa: Zarejestrowani
Postów: 531
Pomógł: 55
Dołączył: 3.01.2016
Skąd: Łowicz

Ostrzeżenie: (0%)
-----


Nazwa folderu do zmiennej np ukrytej w data-folder="twoja-nazwa"

pobierasz element.dataset.folder
przekazujesz nazwę do funkcji jako parametr i powinno działać


lub podmieniasz

Kod
let image = document.getElementsByClassName("image");
image.src = "image.jpg"


Ten post edytował LowiczakPL 11.01.2021, 22:48:50
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 22.08.2025 - 19:38