[FRAGE] Zugriff auf andere Methode über EventListener

[ktver]

Hallo,

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

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 instanzieren. 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.

 

[mikdoe]

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

Grüß dich!

Ich möchte verschiedene Buttons mit unterschiedlichen Funktionen instanzieren.

Das mache ich beispielsweise für den onclick Event mittels document.xxselectorxx.onclick = function() {...}

Wie bekomme ich es hin, dass ich durch den EventListener auf die Methode1 zugreifen kann.

Was meint "zugreifen"?
Der Eventlistener ist selbständig und feuert beim definierten Event. Im o. a. Beispiel feuert es beim Click auf das Node document.xxselectorxx
Ich finde diese Seite dafür hilfreich: https://www.mediaevent.de/javascript/events.html