link içinde ki butondan veri nasıl döndürürüm.
Ürünleri listeldikten sonra alışveriş sepeti yapacağım.
<a>
resim<br />
ürün adı<br />
vs.
<br />
<button>Sepete Ekle</button>
</a>
Link haliyle çalışıyor ama ben butonun üzerine gelip tıklayınca olmuyor yani link çalışıyor.
butona tıklayıp
querySelectorAll ile butona ait id yi alıp işlem yapacağım.
e.preventDefault(); koyarak a etiketinin butona tıklayınca çalışmamasını sağlayabilirsin. Örnek;
<a href="https://prototurk.com" target="_blank">
<span class="title">Başlık</span>
<button class="add-basket" data-id="1">Sepete Ekle</button>
</a>
<script>
document.querySelectorAll('.add-basket').forEach(function(btn){
btn.addEventListener('click', function(e){
e.preventDefault();
console.log(this.dataset.id);
});
});
</script>