title: Change marker text with button on Leaflet map
body: <p>I have a map with markers, generated by a json file, that contain a text with numeric value. For markers generation I use the <a href="https://github.com/marslan390/BeautifyMarker" rel="nofollow noreferrer">Beaufify Markers Plugin</a>.
  This is a part of code that I'm using</p>
  
  <pre><code>var map = L.map('mapid').setView([43.08, 12.34], 9);
  
  for ( var i=0; i &lt; markers.length; ++i ) {
      options = {
        isAlphaNumericIcon: true,
        text: markers[i].temperatura,
        iconSize: [28, 28],
        borderColor: markers[i].color,
        backgroundColor: markers[i].color,
        innerIconAnchor: [0, 4],
        textColor: '#000;'
      };
      var popup = L.popup({
        pane: 'fixed',
        className: 'popup-fixed',
        autoPan: false,
      }).setContent('my html code');
  
      L.marker( [markers[i].lat, markers[i].lng], {
          icon: L.BeautifyIcon.icon(options),
          virtual: true
      })
      .bindPopup(popup)
      .addTo( map );
  }
  </code></pre>
  
  <p>I would like the best and cleanest way, to change the variable text on options ('<em>markers[i].temperatura</em>'), with an onclick action on a button. </p>