html 按鈕是用 JavaScript 創建的，每個按鈕都有自己的 ID。它們在按下時激活相同的功能，我想知道按下了哪個按鈕。我this.id用來查看按下的按鈕的 ID。我想，因為我沒有在 JavaScript 中檢索按鈕（例如button = document.getElementById('button')），所以它不起作用。我不知道如何使用在腳本中創建的 HTML 元素來做到這一點。var paragraph = document.getElementById('paragraph');var cabins = [1,2,3];for (var i = 0; i < cabins.length; i++) {  paragraph.innerHTML += "Cabin " + cabins[i] + "<br><br><button id='cabin" + cabins[i] +"' onclick='purchaseCabin()'>Purchase</button><br><br>"}function purchaseCabin() {  var cabinId = this.id;  console.log(cabinId);}<p id="paragraph"></p>html 按鈕是用 JavaScript 創建的，每個按鈕都有自己的 ID。它們在按下時激活相同的功能，我想知道按下了哪個按鈕。我this.id用來查看按下的按鈕的 ID。我想，因為我沒有在 JavaScript 中檢索按鈕（例如button = document.getElementById('button')），所以它不起作用。我不知道如何使用在腳本中創建的 HTML 元素來做到這一點。var paragraph = document.getElementById('paragraph');var cabins = [1,2,3];for (var i = 0; i < cabins.length; i++) {  paragraph.innerHTML += "Cabin " + cabins[i] + "<br><br><button id='cabin" + cabins[i] +"' onclick='purchaseCabin()'>Purchase</button><br><br>"}function purchaseCabin() {  var cabinId = this.id;  console.log(cabinId);}<p id="paragraph"></p>預期結果：按下按鈕的 ID 寫入控制臺實際結果：“undefined”寫在控制臺