Html <li> etiketi içerisine javascriptte yazılan fonksiyonu çağırma
button etiketi içerisinde onclick="" attribute ü ile javascript fonksiyonu çağırılabiliyor ama ben bunu li etiketi içerisinde yapmak istiyorum nasıl yapabilirim yardımcı olurmusunuz?
Soru hatalı mı? 👎
Eğer sorunun kurallara aykırı olduğunu düşünüyorsanız lütfen bize bildirin!
Cevaplar (2)
Şu şekilde yapa bilirsin.
<ul>
<li class="click" onclick="calisacakfunction()">value 1</li>
<li class="click" onclick="calisacakfunction()">value 2</li>
<li class="click" onclick="calisacakfunction()">value 3</li>
</ul>
Javascript tarafinda ise
<script>
function calisacakfunction(){
// yapilacak ishlem
alert();
}
</script>
alternatif olarak
let list = document.querySelectorAll('ul li');
[...list].forEach((el, key) => {
el.addEventListener('click', e=> {
// işlemler
});
});