HTML Dosya içerisinde belirli kısımları toplu değiştirme

fotoğrafta göründüğü gibi

• cart.add('35')
• cart.add('36')
• cart.add('37')

gitmektedir sayfa içerisinde onclick="" bu parametrenin içerisindeki her şeyi toplu nasıl değiştirebilirim tek tek uğraşmamak adına

HTML sayfasındaki onclick parametresinin içeriğini toplu olarak değiştirmek için JavaScript kullanabilirsiniz. Aşağıda bu işlemi gerçekleştiren bir örnek kod bulunuyor:

javascript
document.querySelectorAll('[onclick]').forEach(function(element) {    let currentOnclick = element.getAttribute('onclick');    // Yeni onclick içeriğini buraya tanımlayın    let newOnclick = currentOnclick.replace(/cart\.add\('(\d+)'\)/g, 'newFunction($1)');    element.setAttribute('onclick', newOnclick); });

Açıklama:

1. document.querySelectorAll('[onclick]'):
   • Tüm onclick özelliği olan HTML öğelerini seçer.
2. .forEach():
   • Tüm seçilen öğeleri döngüye sokar.
3. getAttribute('onclick'):
   • onclick özelliğinin mevcut değerini alır.
4. replace():
   • Düzenli ifadelerle (Regex) onclick değerindeki belirli metni yenisiyle değiştirir. Örnekte cart.add('35'), cart.add('36') gibi fonksiyon çağrıları newFunction(35), newFunction(36) ile değiştirilmiştir.
5. setAttribute('onclick', newOnclick):
   • Yeni değeri onclick özelliğine yazar.

Not:

Düzenlemek istediğiniz içeriğe göre replace() kısmını uyarlamanız gerekebilir. Eğer farklı bir yapı kullanıyorsanız, detaylı örnek verirseniz, daha spesifik bir çözüm sunabilirim.

data-onclick="deger" böyle bir şey yaparsanız sadece o değer olan dataya ulaşıp onları değiştirebileceğiniz gibi class içinde onclick_degis diye hepsine bir class eklerseniz setAttribute ile classında onclick_degis olanların tümüne değer atayabilirsiniz.

1000 tane ürün olsa tek tek yazıcakmısın. o iş öyle olmaz. JS ile dinamik yapı oluşturman lazım