Create a leaflet map

script.js

// DOMContentLoaded event is executed when the DOM is ready
// (i.e all the HTML elements have been created), so it's
// a good starting point to run any code
document.addEventListener("DOMContentLoaded", async function(){
    // the first argument of L.map is the ID
    // where the map will be rendered (i.e drawn)
    const map = L.map('map');
    // two parameters for setView
    // 1st: lat lng of the center of the map
    // 2nd: the zoom level
    map.setView([1.2494, 103.8303], 13);

    // a layer in leaflet = something that is drawn on top of th emap
    L.tileLayer('https://tile.openstreetmap.org/{z}/{x}/{y}.png', {
        maxZoom: 19,
        attribution: '&copy; <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>'
    }).addTo(map);

})