[검색기능 만들기 1] 검색버튼 이벤트가 발생하지 않네요...

    <input class="search">
    <button calss="search-send">검색</button>
    <script>
      document.querySelector('.search-send').addEventListener('click', function(){
        let 입력한거 = document.querySelector('.search').value
        location.href = '/search?val=' + 입력한거
      })
    </script>

list.ejs에 위와 같이 강의 내용대로 입력해도 작동이 안되길레,
브라우저 cosole에서 확인해보니,
아래와 같은 에러가 발생하고 있습니다.

list:23 Uncaught TypeError: Cannot read properties of null (reading 'addEventListener')
    at list:23:45

<script> 위치도 변경해봤는데, 해결이 안되고,
구글 검색을 해봐도 답을 못찾고 있어서 
도움을 요청드립니다.