如何在 javascript 的 addEventListener 函数中添加一个函数？

Question

我的函数有问题我在 addEventListener 中创建了一个 if 函数，当我单击按钮时，按钮似乎在 span 中获取了 id="dollar" 的值，我不知道不知道为什么以及当我制作 id="dollar" 的控制台日志时，浏览器会显示输入的值，我不知道为什么？

使用这段代码，他似乎只取了 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

在您的侦听器中，您检查了数字的值，但在加载页面时数字只定义了一次。

在测试价值之前你需要更新它:

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；

如何在 javascript 的 addEventListener 函数中添加一个函数？

How to add a function in a addEventListener function in javascript?

javascript

input

function

button

location-href