map with user added points in leaflet

<!DOCTYPE html>
<html>
<head>
    <title>Simple Map</title>
    <meta charset="utf-8" />

var marker = L.marker(allpoints[0]).addTo(map);

// create the control
        // create the control
        var lon = L.control({position: 'topright'});

lon.onAdd = function (map) {
        var div = L.DomUtil.create('div', 'lon');

div.innerHTML = '<form><input id="lon" type="text"/></form>'; 
         return div;
        };

lon.addTo(map);

// add the event handler
          function formInput() {
            var point1 = document.getElementById("lon");
            var points = point1.value.split(' ');
            L.marker([points[1],points[0]]).addTo(map);
            allpoints.push([points[1],points[0]]);
          }

document.getElementById ("lon").addEventListener ("change", formInput, false);
      </script>
  </body>
</html>

Modified http://cdn.leafletjs.com/leaflet/v0.7.7/leaflet.js to a secure url

https://cdn.leafletjs.com/leaflet/v0.7.7/leaflet.js

https://api.mapbox.com/mapbox.js/v2.2.3/mapbox.js