Mapbox time slider

HTML
1

Merhaba, Apache netbeans içinde geliştirdiğim uygulamamda verimi bir slider yardımıyla zamana göre filtrelemek istiyorum fakat verimi çekemiyorum.Yardımcı olabilecek olan var mı

<script>
         var times = [
'1',
    '2',
    '3',
    '4',
    '5',
    '6',
    '7',
    '8',
    '9',
    '10',
    '11',
    '12'
];

function filterBy(time) {
    var filters = ['==', 'time', parseInt(times[time])];
    // id of layer applied,, filters
    map.setFilter('time-circles', filters);    

    // Set the label to the month
    document.getElementById('time').textContent = times[time]; 
}
   map.on('load',function() {    
 d3.json('time.geojson', function(data) {
        map.addSource('time-parades', {
            'type': 'geojson',
            'data': data
        });
map.addLayer({
            'id': 'time-circles',
            'type': 'circle',
            'source': 'time-parades',
            'paint': {
                'circle-color': [
                    'interpolate',
                    ['linear'],
                    ['get', 'time'],
                    5, '#9400D3',
                    10, '#0000FF',
                    15, '#00FF00'
                    
                ],
                'circle-opacity': 0.75,
                'circle-radius': [
                    'interpolate',
                    ['linear'],
                    ['get', 'time'],
                    5, 5,
                    15, 5
                ]
            }
        });
        


    filterBy(0);

        document.getElementById('slider').addEventListener('input', function(e) {
            var time = parseInt(e.target.value, 10); // need to change the 10
            filterBy(time);
    });  
});
});

     </script>```