Themabewertung:
  • 0 Bewertung(en) - 0 im Durchschnitt
  • 1
  • 2
  • 3
  • 4
  • 5
Zugriff auf andere Methode über EventListener
#2
Hi papender,
gerne gebe ich dir eine Rückmeldung. Für so etwas brauchst du nicht unbedingt OOP, aber trotzdem habe ich dir eine Version mit Klasse gebaut.

Code:
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>OOP-JavaScript</title>
    <script>
        class Testklasse {
            constructor() {
                this.button = document.createElement('button');
                this.button.classList.add('btn');
            }
            create(id, myText, methode) {
                this.methode = methode;
                this.button.setAttribute('id', id);
                this.button.textContent = myText;
                this.button.addEventListener('click', ()=> {
                    switch(this.methode) {
                        case 'methode1':
                            this.methode1();
                        break;
                    }
                });
                return this.button;
            }
            methode1() {
                alert('Hallo Welt');
            }
        }
        document.addEventListener('DOMContentLoaded', init);
        function init() {
            let button = new Testklasse();
            let meinButton = button.create('myButton', 'Hallo Welt 123', 'methode1');
            document.body.appendChild(meinButton);           
        }
    </script>
</head>
<body>   
</body>
</html>


Viele Grüße

rzscout
"Gerne dürft ihr mir eine gute Bewertung da lassen aber auch gegenüber Kritik bin ich offen" Angel
Zitieren


Nachrichten in diesem Thema
RE: Zugriff auf andere Methode über EventListener - von rzscout - 25.11.2022, 12:36

Gehe zu:


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