JSFiddle - React, Tailwind, and code Playground

HTML

<button id="monbouton1" >Click me obj1!!!</button>
	<button id="monbouton2" >Click me obj2!!!</button>
  <p id="test"></p>

JavaScript

var obj1 = {
  init: function(){
    var self = this;
    document.getElementById('monbouton1').onclick = function(){
      self.message();
    }
  },

  message : function(){
    document.getElementById('test').innerHTML = "le bouton est cliqué obj1!";
  }
};
var obj2 = {
  init: function(){
    var self = this;
    document.getElementById('monbouton2').onclick = function(){
      self.message();
    }
  },

  message : function(){
    document.getElementById('test').innerHTML = "le bouton est cliqué obj2!";
  }
};
obj1.init();
obj2.init();