Themabewertung:
  • 0 Bewertung(en) - 0 im Durchschnitt
  • 1
  • 2
  • 3
  • 4
  • 5
Zugriff auf andere Methode über EventListener
#1
Hallo,

ich habe eine Frage. Ja klar, warum bin ich auch hier Smile


Code:
document.addEventListener('DOMContentLoaded', function () {
    
    class TestClass {
        constructor() {
            this.button = document.createElement('button');
        }
        
        methode1() {
            console.log('Hello World');
        }
        
        methode2() {
            this.button.addEventListener('click', function() {
                this.methode1();
            });
        }
        
        getButton() {
            return this.button;
        }
    }
    let tClass = new TestClass();
    tClass.methode2();
    let body = document.getElementsByTagName('body');
    body[0].appendChild(tClass.getButton());
    
});

Ich versuche mich gerade in die OOP mit JavaScript reinzudenken.
Ich möchte verschiedene Buttons mit unterschiedlichen Funktionen instanziieren. Wie bekomme ich es hin, dass ich durch den EventListener auf die Methode1 zugreifen kann. Ist das überhaupt ein denkbarer Weg?
Das ist erst einmal nur eine Testklasse zum ausprobieren.

Danke für eure Rückmeldungen.
Zitieren


Nachrichten in diesem Thema
Zugriff auf andere Methode über EventListener - von papender - 24.11.2022, 18:38

Gehe zu:


Benutzer, die gerade dieses Thema anschauen:
1 Gast/Gäste