Закачане на метод (функция) на клик атрибут на даден елемен

Здравейте.

Имам следният казус и се надявам на малко помощ от ваша страна.

Имам един клас, който има методи - 'Create', 'Update', 'Delete'.

В метод 'Create', създавам елемент, който впоследствие искам да може да се редактира, следователно му слагам 'onclick', който да изпълнява 'Update' метода. Точно тука работата не работи. Ако инстацирам класът, и подам инстанция.метод във 'onclick', ще работи.

Изглежда така :

Class ImageBox {

  
  createBox() {
    
    var html = '';
    html += '<div>';
    html += '<button onclick="this.updateBox()">Update Box</button><button onclick="this.deleteBox">Delete Box</button>';
    html += '</div>';
    $("body").append(html);
  }

  updateBox() {
  alert('Update the box');
  }

  deleteBox() {
  alert('Delete the box');
  }
}
var imgBox = new ImageBox();
<body>
<button onclick="imgBox.createBox()">Create the First box</button>
</body>

Благодаря предварително.
Поздрави!

createBox() { $("body").append($('<div>') .append($('<button>').text('Update box').on('click', () => { this.updateBox(); })) .append($('<button>').text('Delete box').on('click', () => { this.deleteBox(); }))); }