undefined가 계속 나오는 이유

jquery를 통해
“let todo = $(”#input-area").val();
console.log(todo);"
코드로는 원하는 버튼기능이 잘 작동 되는 반면,

“let todo = document.getElementById(“input-area”).val;
console.log(todo);”
코드로는 버튼을 누르면 console창에 undefined라고 나옵니다
혹시 뭔가 잘못 입력한게 있을까요?

바닐라 자스는 value이고 제이쿼리는 val로 해석됩니다

와 바로 되는군요! 감사합니다!!