JavaScript-addEventListener“单击”不起作用

JavaScript-addEventListener“单击”不起作用,javascript,events,dom,addeventlistener,Javascript,Events,Dom,Addeventlistener,我想在点击按钮后从输入中获取一个值,但所有时间都是函数 var buttonobary=document.queryselectortobial; buttonToBinary.addEventListener'click',console.loggetInput; 函数getInput{ return document.querySelectorinputSector.value; } 执行以下操作时,要执行二进制: buttonToBinary.addEventListener('clic

我想在点击按钮后从输入中获取一个值,但所有时间都是函数

var buttonobary=document.queryselectortobial; buttonToBinary.addEventListener'click',console.loggetInput; 函数getInput{ return document.querySelectorinputSector.value; } 执行以下操作时,要执行二进制:

buttonToBinary.addEventListener('click', console.log(getInput()));
您正在传递console.log的返回值。。。到addEventListener。该值未定义

相反,您希望将其包装到函数中:

var buttonobary=document.queryselectortobial; buttonToBinary.addEventListener'click'函数{ console.loggetInput }; 函数getInput{ return document.querySelectorinputSector.value; } 执行以下操作时,要执行二进制:

buttonToBinary.addEventListener('click', console.log(getInput()));
您正在传递console.log的返回值。。。到addEventListener。该值未定义

相反,您希望将其包装到函数中:

var buttonobary=document.queryselectortobial; buttonToBinary.addEventListener'click'函数{ console.loggetInput }; 函数getInput{ return document.querySelectorinputSector.value; }
为了二进制为什么不在html中实现单击按钮?像这样:

函数getInput{ console.logdocument.querySelectorinputSector.value; } 二进制
为什么不在html中实现点击按钮呢?像这样:

函数getInput{ console.logdocument.querySelectorinputSector.value; } 二进制 试试这个:

var buttonToBinary = document.querySelector("#toBinary");

function getInput() {
    return document.querySelector("#inputSector").value;
}

buttonToBinary.addEventListener('click', function(){
    console.log(getInput());
});
试试这个:

var buttonToBinary = document.querySelector("#toBinary");

function getInput() {
    return document.querySelector("#inputSector").value;
}

buttonToBinary.addEventListener('click', function(){
    console.log(getInput());
});