AddEventListener nu funcționează pe anumite articol

Am câteva cazuri de addEventListner în codul meu, și ele par să funcționeze bine, dar când am folosi-o pe această porțiune specifică a nu face nimic. Am încercat să-l testeze cu un simplu alertă astfel încât atunci când faceți clic pe caseta de text pe primul nume, o alertă apare în partea de sus, dar acum nu primesc nimic. Aici este meu pentru caseta nume și-mi addEventListener apel:

  <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>

și aceasta este chemarea mea:

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