Javascriptte buton sayısını arttırmak hk.

var btn = document.createElement("BUTTON")


btn.setAttribute("id", "btn1");

var t = document.createTextNode("TIKLA VE DEGİSTİR");
btn.appendChild(t);
//Appending to DOM 
document.body.appendChild(btn);

  
     document.getElementById('btn1').style.backgroundColor = 'red';
document.getElementById("btn1").style.marginTop = "-500px";
document.getElementById("btn1").style.position = "absolute";
document.getElementById("btn1").style.right = "100px";

document.getElementById('btn1').addEventListener('click',function(){

    document.getElementById("tdIEvrakVeri").innerHTML = "<p><br><br>TEXTİDEĞİŞTİRDİM<br><br><br><br><br><br><br></p>";

});

Şİmdi 1 buton için mevcut kodlar var. Ben bunu 3-4 tane buton haline getirmek istiyorum. Direk }); bitiş kısmından sonra aynı kodu kopyalayıp btn2 şeklinde değiştirip mi devam edeceğim yoksa daha pratik bir çözümü var mı?

 function createButton(howManyButtonsYouNeed)
 {
  for(let i =1; i<=howManyButtonsYouNeed; i++) {
  var btn = document.createElement("BUTTON")
  let btnId = `btn${i}`;
  btn.setAttribute("id", btnId);
  }
 }

Bu şekilde bir fonksiyon oluşturabilirsiniz, oluşturduğunuz butonların id'si "btn1, btn2, btn3, btn4..." şeklinde devam edecek

kıymetli hocamızın yardımıyla hallettik çok teşekkür ediyorum