Js DOM lien en POO

document.getElementById(this.id).onclick = this.Button_test_Onclick

 Button_test_Onclick(){ /*Cette fonction s'exécute dès l'ouverture d'une nouvelle class (new Button_test('Body',1) ;) sans aucune raison le button est onblur*/

/** Non pas du tout pour qu'une méthode(function interne à la classe) soit utilisée lors de la création d'une INSTANCE DE CLASSE et non ouverture qui ne veut rien dire, à la limite création j'aurais compris mais rien ne s'ouvre) il faut qu'elle soit située dans le constructeur de cette manière*/

class MaClasse{
 constructor(){
 this.attribut1="hello";
 this.attribut2=" world";
 this.initialisation();/** ce qui  se passe lorsque la fonction est instanciée est placée dans le constructeur...qui construit l'objet, le reste doit être appelé quand on vuet l'utiliser*/
 }
 initialisation(){
   console.log(" un objet à été créée ")
  }
  toString(){
  return (this.attribut1+" , "+this.attribut2)
  }
}

//-- et avec de l'héritage on peut facilement utiliser le polymorphisme, redéfinition etc...

class MaClasseEnfant extends MaClasse{
 constructor(){
 super()
 }
 initialisation(){
 console.log(this.toString())
 }
}


new MaClasse()

new MaClasseEnfant()

function MonBouton(parent, id){
let tmp= {
//--attributs(les valeurs internes de l'objet)
parent:parent,  id:id, html : this.creer(),
//-- méthodes(les fonctions internes)
creer: function(){let tmp=document.createElement('button')
tmp.id=this.id
return tmp;
},
changerCouleurTexte: function(couleur){
 this.html.style.color=couleur;
}

}

return tmp
}

var unBouton = MonBouton( document.getElementByTagNames('body')[0], 'test')

//--pour ajouter le bouton dans la page:

unBouton.parent.appendChild(unBouton.html)

/** ou mieux faire directement une méthode qui "append" dans l'objet MonBouton pour l'appeler lors de l'initialisation, c'est à dire comme pour la variable/attribut interne MonBouton.html

*/