Листовка с проблемами .js

Question

Я копирую код с веб-сайта leafletjs.

var map = L.map('map').setView([51.505, -0.09], 13);
L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
}).addTo(map);
L.marker([51.5, -0.09]).addTo(map)
.bindPopup('A pretty CSS3 popup.<br> Easily customizable.')
.openPopup();

Но тогда мой код, прежде чем работать с любыми проблемами.Оповещение о том, что addEventListener возвращает "null".

(function(){
"use strict";
 document.addEventListener('DOMContentLoaded', function () {

//Here is the code from leafletjs.

  //In the middle have code like "getElementById"
    
 calcular.addEventListener('click', calcularMontos);
 
 });
})();

И я не знаю, как исправить ошибку, идентификатор calcularMontos не из index.hmtl.