​

​

​

​

const button = document.querySelector("button");

const container  =  document.getElementById("chat-messages");

button.addEventListener("click", function() {

  html = '';

html += '<div id="lightbox" class="lightbox" data-mdb-lightbox-init>';        

html        +=        '   <img id="partner-avatar" src="https://mdbcdn.b-cdn.net/img/Photos/Thumbnails/Slides/1.webp" data-mdb-img="https://mdbcdn.b-cdn.net/img/Photos/Thumbnails/Slides/1.webp" alt="text" class="rounded-circle d-flex align-self-center me-3" width="100">';

html        +=        '</div>';

  container.innerHTML +=  html;

});