AddEventListener no funciona en un elemento específico

Tengo un par de instancias de addEventListner en mi código, y parecen funcionar bien, pero cuando yo lo uso en esta parte específica, no hace nada. Estoy tratando de probar con una simple alerta para que cuando se haga clic en el cuadro de texto de nombre de la primera, una alerta aparece en la parte superior, pero ahora mismo estoy recibiendo nada. Aquí está mi para el cuadro de nombre y de mi addEventListener llame al:

  <div class="_form_element _x77561130 _full_width " >
    <div class="_field-wrapper form__input-wrapper form__input-wrapper--labelled">
      <input class="form__field form__field--large form__field--text" type="text" id="fname" name="firstname" placeholder="" />
      <label class="_form-label form__floating-label">
        First Name
      </label>
    </div>      
  </div>

y esta es mi llamada:

document.getElementById("fname").addEventListener("click", function() {
    alert("Hello World!");  
});