Javascript动态创建的元素onclick

Question

我有我的main.js文件和代码：

createPiece(row, column) {
        const w = Math.round(this.dimensions.width/this.options.pieces.columns);
        const h = Math.round(this.dimensions.height/this.options.pieces.rows);
        const piece = document.createElement('div');
        if (row==2 && column==0){
        piece.style.backgroundImage = url(${this.imgsrc}); 
        piece.className = 'piecehtml';`

在我的html文件中：

const piecesObj = new Pieces(piecesEl, {
            pieces: { rows: 4, columns: 4 },
            delay: 10000,
        });`

一切正常，div是动态创建的。但是如何将eventListener（onclick）绑定到它们？我尝试给div ID，类..了解事件委托，但没有任何帮助。

这是DOM的外观

<div class="content">
  <nav class="page-nav"> <a class="page-nav__item page-nav__item--close" href="#">Back</a> </nav>
  <div class="pieces" style="background-image: url(img/1d.jpg)"></div>
  <h2 class="content__title">Explore</h2>
</div>