list 페이지 검색기능 문의

[김영민]

list페이지에서 검색기능강의

아래 코드를 붙여넣기 한뒤 /list페이지를 들어가면 검색창은 있는데요

값을넣고 SEARCH누르면 아무 반응이 없습니다. 

강의에서는 분명 똑같이 한뒤 페이지 replace가 되는데 저는 무반응이네요

도와주세요 

 

 <div class="container input-group mb-2">
      <input class="form-control" id="search-input">
      <button class="input-group-append btn btn-danger" id="search">
        SEARCH
      </button>
    </div>

    <script>
      $("#search").click(function () {
        var data = $("#search-input").val();
        window.location.replace("/search?value=" + data);
      });
    </script>

[codingapple]

크롬콘솔창에 에러같은게 뜹니까 

[김영민]

Uncaught ReferenceError : $ is not defined at list : 100  이 에러가 나왔습니다. 

비쥬얼스튜디오 코드에서 에러메세지 없이 무반응이라 무슨 원인인지 몰랐는데 구글 콘솔에 에러보고 해결했습니다. 

 

list.ejs 에서 j쿼리 선언부를 하단에 넣었는데요 <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>

 

window.location.replace 구문이 선언부 위에 위치해서 $ 제이쿼리 정의를 못읽은 거였습니다. 

감사합니다.

 

[글쓴이]

글