如何在 javascript 的 addEventListener 函数中添加函数？答案

【问题标题】：How to add a function in a addEventListener function in javascript?如何在 javascript 的 addEventListener 函数中添加函数？
【发布时间】：2019-01-09 11:50:23
【问题描述】：

我的函数有问题我在 addEventListener 中创建了一个 if 函数，当我单击按钮时，按钮似乎获取了跨度中 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>

【问题讨论】：

您能否提供更多关于您正在尝试做什么的信息？

标签： javascript function button input location-href

【解决方案1】：

在你作为听众时，你会检查 number 的值，但 number 在页面加载时只定义一次。

在测试 de 值之前，您需要对其进行更新：

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

要检索数字的值，我认为这是您需要的

【讨论】：

【解决方案2】：

以下代码错误

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

你可以用getElementById或者getElementByClass代替querySelector；

【讨论】：