querySelector
html을 통해서 input을 만들었을 때
해당 input에 입력한 값을 가져오는 js기능을 만들어 보자.여기서 사용할 함수는
const dateFormMaker = function () { console.log(document.querySelector('')) };실제 적용 코드 내용은
<script> const dateFormMaker = function () { console.log(document.querySelector('')) }; </script><body> <input id="target-year-input" class="target-input"/> <button onclick="dateFormMaker()">버튼</button> </body>작성한 function의 querySelector 부분에
input 을 넣으면
const dateFormMaker = function () { console.log(document.querySelector('input')) };
id값을 넣으면
const dateFormMaker = function () { console.log(document.querySelector('#target-year-input')) };
class 명을 넣으면
const dateFormMaker = function () { console.log(document.querySelector('.target-input')) };
모두 동일하게 해당 input을 출력함
하지만 원하는 해당 태그의 값을 필요로함.
값 즉 value를 가져오려면const dateFormMaker = function () { console.log(document.querySelector('#target-year-input').value) };
뒤에 .value를 추가하는것으로 가져올 수있게됨.
