title: Adding buttons inside Leaflet popup
body: <p>I got a problem when I try to add buttons inside a Leaflet popup. The popup is generated when you click on the map.</p>
  
  <p>Ideally I want to popuo to show 2 buttons:</p>
  
  <ul>
  <li>start from Here</li>
  <li>and go to this location</li>
  </ul>
  
  <p>This sketch is an example of the result I want:</p>
  
  <pre><code> ________________________________________________
  |You clicked the map at LatLng(XXXXX,XXXXX)      |
  |  ---------------    -------------------        |
  | |Start from here|  |Go to this location|       |
  |  ---------------    -------------------        |
  |___________________  ___________________________|
                     \/
  </code></pre>
  
  <p>this is what I get inside my popUp : You clicked the map at LatLng(XXXXX,XXXX) [object HTMLButtonElement]</p>
  
  <p>I am trying to create the buttons using L.domUtil</p>
  
  <pre><code>defineYourWaypointOnClick(e: any) {
  
  var choicePopUp = L.popup();
  var container = L.DomUtil.create('div'),
    startBtn = this.createButton('Start from this location', container),
    destBtn = this.createButton('Go to this location', container);
  
  choicePopUp
    .setLatLng(e.latlng)
    .setContent('You clicked the map at ' + e.latlng.toString() + '&lt;br&gt;' + startBtn)
    .openOn(this.map);
  
  L.DomEvent.on(startBtn, 'click', () =&gt; {
    alert("toto");
  });
  
  L.DomEvent.on(destBtn, 'click', () =&gt; {
    alert("tata");
  });
  }
  
  createButton(label: string, container: any) {
      var btn = L.DomUtil.create('button', '', container);
      btn.setAttribute('type', 'button');
      btn.innerHTML = label;
      return btn;
  }
  </code></pre>
  
  <p>I call my method from here :</p>
  
  <pre><code>this.map.on('click', (e: any) =&gt; {
    this.defineYourWaypointOnClick(e);
  });
  </code></pre>
  
  <p>Thank you in advance for any help you can give me :)</p>