​

 let stackCount = 0;

​

function showToast(title, text) {

  stackCount++;

​

  const toast = document.createElement('div');

  toast.innerHTML = `

  <div class="toast-header">

    <strong class="me-auto">${stackCount}</strong>

    <small>11 mins ago</small>

    <button

      type="button"

      class="btn-close"

      data-mdb-dismiss="toast"

      aria-label="Close"

    ></button>

  </div>

  <div class="toast-body text-start">

    Stacking element

  </div>

  `;

​

  toast.classList.add('toast', 'fade');

​

  document.getElementById('stacking-container').appendChild(toast);

  /*this is line 102*/

  const toastInstance = new mdb.Toast(toast, {

    stacking: true,

    hidden: true,

    width: '450px',

    position: 'top-right',

    container: '#stacking-container',

    autohide: true,

    delay: 5000,

  });

​

  toastInstance.show();

};

​

showToast('a', 'a')

showToast('a', 'a')

showToast('a', 'a')

showToast('a', 'a')