javascript - HTML で動的に作成されたボタンの動作が最初に作成されたボタンに依存するようになる

Question

私はJavaScriptを使った新しい作業です。条件に応じて特定の変数に値を割り当てる条件があります。値には、ボタンを動的に作成して に表示するコマンドが含まれています。そのためのコードは次のとおりです。

if (closure == "Closed") {
    newData = newData + "<br>" + (f + 1) + ". " + data[i + 10] + " - " + data[i] + "-" + data[i + 1] + " " + data[i + 4] + " at " + data[i + 3] + "<h3 align='right'><input type='button' value='Approve' class='button' onclick='conf(" + data[i + 11] + ")' /><br>DATE LAST UPDATED: " + data[1] + " <br>LAST UPDATED BY: " + data[i + 9] + " - " + data[i + 10] + "</h3>";
} else {
    newData = newData + "<br>" + (f + 1) + ". ";
}

これは while ループ内にあります。ボタンをクリックすると、値が関数に返されます。私の問題は、最初に作成されたボタンの動作が残りのボタンに継承されているため、最初のボタンを削除すると、動的に作成されたボタンがすべて削除されることです。

データベース内の正しいデータのみを更新するため、コードはうまく機能しますが、これらのボタンの存在には問題があります。