Kind Entfernen per Knopf

Question

dieses Mit einem Klick JS-Code:

var prompter = (function(){ 
    var prompt = document.createElement('div'); 
    /* prompt-related stuff */ 

    var closeBtn = document.createElement('button'); 
    /* closeBtn stuff */ 

    prompt.appendChild(closeBtn); 

    this.html = prompt; 

    this.show = (function(){ 
     document.body.appendChild(this.html); 
    }); 

    this.close = (function(){ 
     document.body.removeChild(this.html); 
    }); 
}); 

Wenn ich

var p = new prompter(); 
    p.show(); 

tun tut es den Souffleur zeigen, und wenn ich p.close(); tun verschwindet es.

ABER was ich will ist, dass durch Klicken auf die closeBtn in der Tat schließt. Ich hatte die Idee, ein id auf die Aufforderung das Hinzufügen und dann das Attribut Onclick auf die Schaltfläche und die Durchführung der Aktionen dort über die id, aber das sieht wirklich hässlich ...

Answer 1

Sie benötigen einen Ereignis-Listener das hinzufügen Knopf Sie gemacht:

closeBtn.addEventListener("click", this.close.bind(this));