Как добавить функцию в функцию addEventListener в JavaScript?

Question

У меня проблема с моей функцией. Я сделал функцию if в своем addEventListener, и когда я нажимаю кнопку, кажется, что кнопка принимает значение id = "dollar" в диапазоне, я не знаю, почему и когда я сделайте консольный журнал id = "dollar", браузер покажет мне значение th input, я не знаю почему?

С этим кодом кажется, что он принимает значение только 1000 .

<div>

    <p id="dollar">1000</p>

    <input  type="range"  min="0" max="40000" step="100" value="0" 
    oninput="showDollar(this.value)" onchange="showDollar(this.value)">

</div>

<button id="bouton">OBTENER CREDITO</button>

<script type="text/javascript">
    var nombre = document.querySelector('span').innerHTML;
    var bouton =  document.getElementById('bouton');

    function showDollar(newDollar){

        document.getElementById('dollar').innerHTML = newDollar;

    }

    bouton.addEventListener("click", function(){

        if(nombre<750){
            location.href = "https://www.google.com";
        }
        else{
            location.href = "https://www.youtube.com";
        }

     }); 

 </script>

Answer 1

Вы слушаете, проверяете значение числа, но число определяется только один раз, когда страница загружается.

Перед тестом de value вам необходимо обновить его:

bouton.addEventListener("click", function(){
    nombre = document.getElementById('dollar').innerHTML
    if(nombre<750){
        location.href = "https://www.google.com";
    }
    else{
        location.href = "https://www.youtube.com";
    }

 }); 

И я меняю document.querySelector('span').innerHTMLот document.getElementById('dollar').innerHTML

чтобы получить значение числа, я думаю, это было то, что вам нужно

Answer 2

Ниже код неверен

 var nombre =  document.querySelector('span').innerHTML;

Вы можете получить getElementById или getElementByClass вместо querySelector;