隐藏按钮将在输入值文本后立即显示，无需按下任何按钮

Question

我想做这样的东西。隐藏按钮将在输入值文本后立即显示，无需按下任何按钮。

我的意思是，如果有人键入Hazrat Shahjalal International Airport, Dhaka (DAC)，按钮将可见。如果我在输入中键入值，然后在浏览器控制台中运行代码，下面的代码就会工作。

我几天前刚开始使用javaScript。如有任何帮助，我们将不胜感激。

if (document.getElementById("fromAirport").value == "Hazrat Shahjalal International Airport, Dhaka (DAC)") {
document.getElementById("SearchBtn").style.display = 'block';}

Answer 1

您可以使用addEventListener和输入事件来完成此操作

var inp = document.getElementById("fromAirport");
inp.addEventListener('input', function (){
if(inp.value === 'Hazrat Shahjalal International Airport, Dhaka (DAC)'){
document.getElementById("SearchBtn").style.display = 'block';
}
});

<input type='text' id='fromAirport'>
<button id='SearchBtn' style='display:none;'>aaaa</button>