Sending answers to users by inputs`s array

[WEBTM]

პასუხს ვუგზანი იუზერებს და ამისათვის ვაკეთებ შემდეგ ხლაღუეთს:

<button class="w3-button w3-black" onclick="answer('1')">ხვიჩას</button>
<button class="w3-button w3-black" onclick="answer('2')">გოჩას</button>

<button class="w3-button w3-black" onclick="answer('3')">დიკის</button>
<button class="w3-button w3-black" onclick="answer('4')">რიკის</button>
<button class="w3-button w3-black" onclick="answer('5')">მორტის</button>

აქ როგორც ხედავთ, მაქვს ბუტტონები რომლითაც ვიძახებ ფუნქციას რომელიც ერთი და იმავე სახელწოდების input_ებს ამატებს div კლასში, და ამ input_ებს აქვთ ერთადერთი განსხვავება id="new_ბუტტონის id"

function answer(to){
      var hm ="array[]";
      var new_chq_no = parseInt($('#total_chq').val())+1;
      var new_input="<input type='text' name="+hm+" id='new_"+to+"' value="+to+">";

      $('#new_chq').append(new_input);
      $('#total_chq').val(new_chq_no)
    }
    function remove(){
      var last_chq_no = $('#total_chq').val();
      if(last_chq_no>1){
        $('#new_'+last_chq_no).remove();
        $('#total_chq').val(last_chq_no-1);
      }
    }

ახლა კი რაში მდგომარეობს პრობლემა:
ერთსა და იმავე button_ზე ასჯერაც რომ დავაკლიკო ასჯერვე დაამატებს ერთი და იმავე id_ს მქონე input_ს.
როგორ ავრმოფხვრა ეს პრობლება?

დემო: https://codepen.io/amiran-the-styleful/pen/bGdpJeG

 

[ვაკო ბატიაშვილი]

მთლიანი კოდი მანახე და გეტყვი ზუსტად. უკეთესს ვარიანტსაც შემოგთავაზებ მეგობარო. ძალიან მარტივი კოდია ჯავასკრიპტის <3