link içinde ki butondan veri nasıl döndürürüm.

kartal 1276 gün önce

619 defa görüntülendi ve 2 kişi tarafından değerlendirildi

Ü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.

Soru hatalı mı? 👎

Eğer sorunun kurallara aykırı olduğunu düşünüyorsanız lütfen bize bildirin!

Spam olarak işaretle

Cevaplar (2)

tayfunerbilen

1276 gün önce

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>

#005034

kartal

1276 gün önce

Oldu ancak bu işin mantığı böylemi olur bilemedim gittigidiyoru inceledim oda link içinde buton kullanmış ama javascript kısmında nasıl yapmış bilemedim.

#005045