[turtelian]

mireczki z #programowanie #programista15k #javascript
mam 15 elementów dla kazdego chce utworzyc addevent listener, jako ze chce to zrobic jakbym mial rigcz uzywam petli ale mam problm techniczny jak polaczyc nazwe zmiennej z licznikiem "i" xD

powiedzmy wygladalo by to tak :

dla jednego elementu :
var c0=document.getElementById('c0');
c0.addEventListener('click', function () {
revealCard(0)
});
dla wielu :
for (let i = 0; i < cards.length; i++) {
var c + i = document.getElementById('c' + i);
c + i.addEventListener('click', function () {
revealCard(i)
});

}

jak to zrobic jak sie laczy tego typou rzeczy ?

[Dzejkobini]

@turtelian: A na co chcesz to "łączyć"?

var el = document.getElementById('c' + i);
if (null !== el)
{
el.addEventListener(...)
}

[turtelian]

@Dzejkobini: mam 21387 elementów i pisanie kazemu z reki ad event listenera uraga rigczowi w stopniu znacznym od tego sa petle od tego sa one.

[p.....k]

@turtelian: słyszałeś kiedyś o tablicach/kolekcjach? ( ͡º ͜ʖ͡º)

[S.....l]

@turtelian:
document.querySelector(c${i}).addEventListener

[S.....l]

@Senthill: w nawiasie miało być ``

[turtelian]

@Dzejkobini: nie ponimaju co tu sie stanelo( ͡° ʖ̯ ͡°)
@powaznyczlowiek: nie zrozumiales o co mi chodzi
@Senthill: dziekuje w sensie tak ? document.querySelector('c'${i}).addEventListener ?
i to jest jquery z tgoc o widze wiedz biblioteke trzeba zaimportowac

[Dzejkobini]

@turtelian: Lekka modyfikacja tego co zasugerowal @Senthill
document.querySelectorAll('[id*=c]').forEach((element, index) => element.addEventListener(...));

[S.....l]

@turtelian: ES6, to nie Jq ogółem to document.querySelector(c${i}).addEventListener i to ma być w pętli :V
kurde wykop nie łapie tego

[turtelian]

@Senthill: document.querySelector(c${i}).addEventListener('click',function () {
revealCard(${i})
});
dobrze mysle ? ze przy parametrze funkcji tez wklepac $ przed i ? i wtedy bedzie ok

[turtelian]

@Senthill: nie dziala ( ͡° ʖ̯ ͡°)
moze opisze problem lepiej :

[S.....l]

@turtelian: zapomniałem o # w nawiasach ( ͡° ͜ʖ ͡°)

[turtelian]

@Senthill: nie dziala dalej
mam 12 divów od c0-c12 kazdemu chce przypisac add event listenera na funkcje RC(0-12) oraz utworzyc zmienna ktora przechowuje tego diva ze tak powiem (var c0 = document.getElementById('c0');)

dla pierwszego elemntu to wyglada tak :

[S.....l]

@turtelian: nie lepiej tablice ? :v x[i] = document.querySelector('c'+i);

[turtelian]

@Senthill: Failed to execute 'querySelector' on 'Document': '#c${i}' is not a valid selector.

[S.....l]

dałeś tam ' czy ` ? @turtelian

[turtelian]

@Senthill: hmmm wsumie musze pomyslec bo sie zafiksowalem zeby to zrobic tak jak myslalem jakbym stworzyl druga tablice i do niej to przypisywał chyba nieglupi pomysl dzieki poprobuje

[turtelian]

@turtelian: działa dzięki ! w koncu sie dowidzialem jak laczyc takie myki :)

[makary89]

@turtelian: poczytaj o delegacji eventow :)