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 ?
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 ?
- Najlepsze
- Wszystkie komentarze
revealCard(cards.length-1)(każdy z takim samym argumentem) zamiastrevealCard(i)(każdy z kolejnym) - w linku masz wyjaśnione dlaczegovar el = document.getElementById('c' + i);
if (null !== el)
{
el.addEventListener(...)
}
document.querySelector(
c${i}).addEventListener@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
document.querySelectorAll('[id*=c]').forEach((element, index) => element.addEventListener(...));
c${i}).addEventListener i to ma być w pętli :Vkurde wykop nie łapie tego
revealCard(${i})
});
dobrze mysle ? ze przy parametrze funkcji tez wklepac $ przed i ? i wtedy bedzie ok
moze opisze problem lepiej :
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 :