25.11.2022, 12:36
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.
Viele Grüße
rzscout
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" 