toast.ts

export class UI {
  toastTemplate?: HTMLTemplateElement

  constructor(templateSelector: string) {
    this.toastTemplate = document.querySelector<HTMLTemplateElement>(
      templateSelector
    )!
  }

  showToast() {
    if (!!this.toastTemplate) {
      let div = document.createElement('div')
      div.innerHTML = this.toastTemplate.innerHTML

      const appendedChild = document.body.appendChild(div)
      setTimeout(() => {
        console.log(`time is done`)
        this.hideToast(appendedChild)
      }, 1000)
    }
  }

  hideToast(toast: HTMLElement) {
    toast.remove()
  }
}