在Chrome扩展程序中添加事件侦听器

Question

我正在构建Chrome扩展程序的线框。简而言之，我想制作三个独立的屏幕，我将在每个屏幕上都有表单元素。对于每一个，我只想暂时/显示其他形式之一。所以我在第一个表单中添加了一个函数，它应该隐藏它。控制台显示没有错误，但没有任何反应点击：

形式：

<div id="step1" class="login">

    <h1>Login</h1>
    <form>
        <input type="text" name="u" placeholder="Username" required="required" />
        <input type="password" name="p" placeholder="Password" required="required" />
        <input type="button" id="loginbtn" class="btn btn-primary btn-block btn-large" value="Log In">
    </form>
</div>

JavaScript的：

var el = document.getElementById('loginbtn');
if(el){
  el.addEventListener('click', login, false);
}

function login() {
document.getElementById('step1').style.display = 'none';
}