How can I fetch javascript forms and buttons with for/foreach?

August 19, 2022

I’m new to js. It could be something simple, sorry for asking. How can I create the 3 forms I have given below as static, with for or foreach?

$(function() {
  $("#btn1").click(function() {
    document.querySelector('.form1').appendChild(input);
  });
});

$(function() {
  $("#btn2").click(function() {
    document.querySelector('.form2').appendChild(input);
  });
});

$(function() {
  $("#btn3").click(function() {
    document.querySelector('.form3').appendChild(input);
  });
});

>Solution :

You could do something like this

for(let i = 0 i < 3; i++) {
    $(function() {
      $(`#btn${i+1}`).click(function() {
        document.querySelector(`.form${i+1}`).appendChild(input);
      });
  });
}