매개 변서 작동하지 않는 특정 항목

나는 몇 가지의 인스턴스 addEventListner 내 코드,그리고 그들은 작동하는 것은 괜찮지만,내가 그것을 사용할 때에는 이 특정 부분에 아무것도하지 않습니다. 나 테스트하기 위해 노력하고 그것은 간단하도록 경고를 클릭할 때는 텍스트 상자에 이름을 경고 상단에 팝업,하지만 지금은 나는 아무것도 아니다. 여기에 내 이름을 위해 상자 및 내 매개 변 전화:

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

이것은 내 전화:

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