JavaScript-Singleton-Modus zum Implementieren benutzerdefinierter Popup-Fenster

const Dialog = (Funktion () {
 Klasse Dialog {
   Konstruktor () {
     dies.ele = Dokument.createElement('div')
     this.ele.className = "Dialog"
     Dokument.Body.AnhängenUntergeordnetesElement(dieses.ele)
     this.callback = null
     dies.setEvent()
   }
 
   setContent ({ Text, Thementext, Bestätigungstext, Abbruchtext } = Optionen) {
     this.ele.innerHTML = null
     const top = document.createElement('div')
     top.Klassenname = "oben"
     const Thema = Dokument.createElement('span')
     Thema.Klassenname = "Thema"
     topic.innerHTML = Thementext
     const close = document.createElement('span')
     close.className = "schließen"
     schließen.innerHTML = '×'
     top.appendChild(Thema)
     top.appendChild(schließen)
     const middle = document.createElement('div')
     mitte.className = "Mitte"
     const Inhalt = Dokument.createElement('div')
     content.className = "Inhalt"
     content.innerHTML = Text
     Mitte.AnhängenKind(Inhalt)
     const bottom = document.createElement('div')
     unten.className = "unten"
     const bestätigen = document.createElement('Schaltfläche')
     bestätigen.className = "bestätigen"
     bestätigen.innerHTML = Bestätigungstext
     const abbrechen = document.createElement('Schaltfläche')
     abbrechen.className = "abbrechen"
     abbrechen.innerHTML = Text abbrechen
     bottom.appendChild(bestätigen)
     bottom.appendChild(abbrechen)
     const wrap = Dokument.createElement('div')
     this.ele.appendChild(oben)
     this.ele.appendChild(Mitte)
     dieses.ele.appendChild(unten)
     dies.ele.style.display = "Block"
   }
 
   setzeEreignis () {
     this.ele.addEventListener('klicken', e => {
       e = e || Fenster.Ereignis
       const Ziel = e.Ziel || e.QuelleElement
       wenn (Ziel.Klassenname === 'schließen') {
         this.ele.style.display = "keine"
         console.log('schließen')
       }
       wenn (Ziel.Klassenname === 'bestätigen') {
         this.ele.style.display = "keine"
         dies.callback(true)
       }
       wenn (Ziel.Klassenname === 'Abbrechen') {
         this.ele.style.display = "keine"
         dies.callback(false)
       }
     })
   }
 }
 let-Instanz = null
 return Funktion (Optionen, cb) {
   wenn (!Instanz) Instanz = neuer Dialog()
   Instanz.setContent(Optionen)
   Instanz.Rückruf = cb || Funktion () {}
   Rückgabeinstanz
 }
 })()
 
 const dialog = neuer Dialog({
 Text: 'Eingabeaufforderungstext',
 topicText: 'Titel',
 confirmText: 'Bestätigen',
 cancelText: 'Abbrechen'
 }, res => { console.log(res) })