Element javscript z zastosowaniem dla wielu Opcje

[kubax33]

[HTML] pobierz, plaintext 
    <button id="countClickProduct[{$product.id_product}]">
      <i class="material-icons shopping-cart">&#xE547;</i>
	0</button>
 
[HTML] pobierz, plaintext 

[PHP] pobierz, plaintext 
var button = document.getElementById("countClickProduct"),
  count = 0;
button.onclick = function() {
  count += 1;
  button.innerHTML = "<i class=\"material-icons shopping-cart\">&#xE547;</i>" + count;
 
};
[PHP] pobierz, plaintext 

Skrypt zwiększa ilość po kliknięciu w button o jeden. Chcę zastosować to w sklepie dlatego pytanie jak zróbić, aby ten przycisk był wywoływany na jednej stronie dla kilku produktów. Czy id ma wyglądać ountClickProduct[{$product.id_product}] czyli przykładowo będzie to ountClickProduct[1] ountClickProduct[2] itd... ? nie działa w tej formie, jedynie dla jednego powtórzenia. Chcę też zmienią w [] odebrać przez Javascript [2] ponieważ jest to id produktu... następnie zapisać ją w tym powyższym skrypcie jako zmienną cookie Proszę o pomoc.

[markuz]

Nie używaj id jak chcesz robić akcję dla wielu elementów tylko class.

Np.

[HTML] pobierz, plaintext 
<div class="a" data-id="1"></div>
<div class="a" data-id="2"></div>
<div class="a" data-id="3"></div>
<div class="a" data-id="4"></div>
[HTML] pobierz, plaintext 

[JAVASCRIPT] pobierz, plaintext 
document.querySelector('.a').forEach(element => {
   element.addEventListener('click', () => {
     alert(element.datalist.id);
   });
});
[JAVASCRIPT] pobierz, plaintext 

Ten post edytował markuz 18.01.2019, 14:34:39