자바스크립트 문제 6

버튼을 눌렀을 때 input에 쓴 값을 알람창으로 띄우기

<input type="text" class="text">
<input type="submit" onclick="qwe()">
 
<script>
  function qwe() {
    var an = document.getElementsByClassName("text")[0].value;
    alert(an);
  }
</script>

근데 나만그런가 가끔 분명 제대로 쓴거같은데 아무것도 실행 안된다거나 그럴때 있음...

특히 document.get~이게 잘못됐다면서ㅇㅇ

근데 콘솔창에 쳐보면 값 잘만나옴 뭐지......

<input type="text" class="text">
<input type="submit">
 
<script>
  $(function() {
    $("input[type=submit]").click(function() {
      alert($("input[type=text]").val());
    });
  })
</script>

이건 그냥 제이쿼리로 한거