Modifier la valeur "min" d'une input range avec une variable

Bonjour,

Voici une partie de mon code HTML :

<div class="slidecontainer">
                <input type="range" min="freq_0" max=200 value="50" class="slider" id="slider_frequency">
                <p>Center Frequency : <span id="center_frequency"></span></p>
            </div>
   
        </section>
        <div class="after_axis">
            <br>
            <input type="button" onclick="javascript:SelectZoom()" value="Zoom"></button>
            <script>
                // Affichage Initial
                	var nb_freq = 9;
                    var center_frequency = 2.4e3
                    var bandwidth = 2
                    var frequency = new Array(nb_freq);
                    
                    frequency[0] = center_frequency-bandwidth/(2);
                    pas = bandwidth/(nb_freq-1);                        

                    for(let i = 0; i<nb_freq; i++){
                        frequency[i] = frequency[0] + pas*i;
                        document.getElementById("freq_"+i).innerHTML=frequency[i];
                    } 
                // Slider frequences
                    var slider = document.getElementById("slider_frequency");
                    var output = document.getElementById("center_frequency");
                    output.innerHTML = slider.value;
                    
                    slider.oninput = function(){
                    output.innerHTML = this.value;
                    }
            </script>

Je cherche à attribuer aux valeur min et max de mon slider les variables frequency[0] et frequency[8]. Ces variables sont modifiées au cours du temps et ainsi, mon slider pourra lui aussi évoluer en fonction.


Merci pour votre aide,