텍스트 rpg 강의 관련 질문입니다

const input = event.target['menu-input'].value;
를 사용하는 부분에서 강의를 듣기로는 menu-input이라는 id를 가진 input의 event.target.value를 따오는걸로 이해했는데

이렇게 하지않고 그냥
const $menu-input = document.querySelector('#menu-input');
const input = $menu-input.event.target.value;
로 해도 괜찮은건가요? 저 둘의 차이는 단지 두줄을 한줄로 간략하게 하는 용도인가요?