Добавление дополнительного контента (+ =) в атрибут HTML

Question

У меня есть атрибут HTML onclick, и я пытаюсь динамически добавлять к нему дополнительные свойства при нажатии клавиши без удаления существующего свойства. Другими словами ....

Скажем, у меня есть

<button onclick="doThis(1)"> 

Каждый раз, когда кнопка нажата, я хотел бы добавить, что так в первый раз, когда нажимается кнопка, которую вы хотите получить

<button onclick="doThis(1), doThis(2)"> 

третий раз:

<button onclick="doThis(1), doThis(2), doThis(3)"> 

т.д.

Есть ли какой-нибудь способ сделать

document.getElementById("mybtn").onclick += doThis($n{index}; 

или мне просто нужно создать строку самостоятельно?

Я не могу понять это, не создавая большую строку, чтобы добавить в setAttribute. Когда я пытаюсь изменение кода JS выше I врезаться браузер :(

Thx для взглянуть !!

Answer 1

Хорошо, я действительно не нравится этот ответ, но это делать то, что вы ищете для. Мне не нравится, потому что это зависит от настройки обработчиков событий как свойства объектов DOM, а не с помощью модели событий W3C DOM Level 2. Но, кроме этого, здесь вы идете ...

window.doThisCounter = 1; 
 
var eventList = ""; 
 

 
function doThis(){ 
 
     console.log(eventList); 
 
     window.doThisCounter++; 
 
     eventList += "doThis(" + window.doThisCounter + ");"; 
 
     btnGo.setAttribute("onclick", eventList); 
 
} 
 

 

 
// This will execute once, when page is ready: 
 
window.addEventListener("DOMContentLoaded", function(){ 
 
    
 
    var btn = document.getElementById("btnGo"); 
 

 
    (function(counter){ 
 
    eventList = "doThis(1);"; 
 
    btnGo.setAttribute("onclick", eventList); 
 
    }(window.doThisCounter)); 
 
    
 
});

<button id="btnGo">Click Me!</button>