Porownywanie value inputa do dataset

Question

Siema! Mam zadanie w ktorym chodzi o to, ze jesli uzytkownik wpisze w inputa dana wartosc ktora bedzie rowna wartosci przechowywanej w data-set ktora  ma obrazek, to dany obrazek zwiekszy sie, lub cos sie z nim stanie. 

html:

<div id="gallery">
    <img data-tag="baseball,sport,people" src="images/1.jpeg">
    <img data-tag="bike,people" src="images/2.jpeg">
    <img data-tag="motorbike,sport,people" src="images/3.jpeg">
    <img data-tag="people" src="images/4.jpeg">
    <img data-tag="people,nightlife" src="images/5.jpeg">
    <img data-tag="nightlife" src="images/6.jpeg">
</div>

js:

showBtn.addEventListener("click", function(){
var abc = tagInput.value;
tagInput.value = "";
for(var i = 0; i < allImg.length; i++) {
    var ddd = allImg[i];
    var dataTag = allImg[i].dataset.tag;
    var currentTag = tagInput.value;
    if(abc.indexOf(dataTag)) {
        console.log("bingo");
    } else {
        console.log("klapa");
    }
}
});

niestety ten if nie spelnia warunkow, cos jest zle. W jakisposob moge dac warunek typu: jezeli vartosc z inputa jest rowna danemu data-tag w img to wykonaj cos?

Comments

Nic nie kumam z tego js. Daj więcej bo tego nie da się przetestować.

Answer 1

metoda indexof nie zwraca tylko 0,1 ale również -1 do iluś tam. Dlatego to nigdy Ci nie zadziała. Lepiej użyć tak: 

abc.indexOf(dataTag) => 0

 

 

Comments

To też nie zadziała, bo jeżeli wpiszesz np: "a" to warunek się spełni dla każdego słowa posiadającego samogłoskę "a". indexOf sprawdza na jakiej pozycji znajduje się szukany tekst. Jeżeli go nie znajdzie zwraca -1. Można zmienić stringa w tablice tnąc go w miejscu przecinaka split(',') i dopiero w pętli porównać elementy tablicy i dataset

---

Zostaje filter.

---

Trochę kombinowałem i spłodziłem to

---

dzieki bardzo!