240419 5일차
💻오늘 배운 것들 요약!
D-Day 계산기 만들기 1일차
오늘은 디데이 계산기를 만들면서 공부를 하였다.
<body>
<input id="target-year-input" class="target-input" />
<input id="target-month-input" class="target-input" />
<input id="target-day-input" class="target-input" />
<button onclick="counterMake()">버튼</button>
</body>년,월,일 순으로 세개의 입력을 받는 입력 필드를 만들고 counterMake 함수를 호출하는 버튼을 만들었다.
const dateFormMaker = function () {
const inputYear = document.querySelector('#target-year-input').value;
const inputMonth = document.querySelector('#target-month-input').value;
const inputDay = document.querySelector('#target-day-input').value;
const dateFormat = inputYear + '-' + inputMonth + '-' + inputDate
console.log(inputYear, inputMonth, inputDay);dateFormMaker라는 함수를 만들었다.
각 지역변수는 입력 필드 값을 가져온다.
여기서 지역 변수는 해당 지역 변수가 있는 함수 안에서만 기능을 하고, 함수 밖에서는 기능을 하지 못한다. 다만 함수 밖에서 선언된 변수들은 전역 변수로, 함수 안에서도 기능을 한다.
Develop myself