Javascript Kullanarak Buton Yazısını Değiştirmek
Laravel'de takip sistemi yapıyorum. Bir kullanıcının sayfasına girildiğinde takiğ butonuna tıklayarak takip edebiliyoruz.
Buton tıkanınca controllera istek atıyorum ve gelen duruma göre buton içeriğini değiştimek istiyorum.
'innerHtml' kullanmayı denedim beceremedim. Bilgisi olan var mı? Ya da daha mantıklı bir sistem önerisi olan var mı?
takip et butonunun böyle olduğunu varsayalım
<button onclick="follow('1', this)">Takip et</button>
o zaman follow() fonksiyonunu şöyle kurgulayabilirsin
function follow(id, el){
// ajax isteği yaptıktan sonra aşağıdakileri çalıştır
el.innerText = 'Takibi bırak';
el.setAttribute('onclick', `unfollow(${id}, this)`);
}
function unfollow(id, el){
// takibi bırakmak için gerekli ajax requesti
el.innerText = 'Takip et';
el.setAttribute('onclick', `follow(${id}, this)`);
}
çalışmadı dersin diye demosunuda koyayım garanti olsun :)
demo: https://codepen.io/tayfunerbilen/pen/WNGxxKa