함수

어떤 기능을 수행하거나 계산을 수행할 수 있도록 하는 도구.

onclick 이벤트

• 해당 속성을 부여받은 태그가 사용자에 의해 클릭 되었을 때, 할당되어 있는 수식 또는 코드를 실행한다.

querySelector

• JavaScript 내에서 HTML의 요소를 참조할 수 있다.
•  제공한 선택자 또는 선택자 뭉치와 일치하는 문서 내 첫 번째 Element를 반환.일치하는 요소가 없으면 null을 반환.
• id는 "#", class는 "."을 querySelector()의 소괄호 안에 입력되는 id 혹은 class명 앞에 붙여주면 된다.
• document.querySelector('#id').value

new Date()

const remain = (new Date('2023-04-11').setHours(0, 0, 0, 0) - new Date()) / 1000
const remainingDate = Math.floor(remaining / 3600 / 24)			// 남은 날짜
const remainingHours = Math.floor(remaining / 3600) % 24		// 남은 시간
const remainingMin = Math.floor(remaining / 60) % 60			// 남은 분
const remainingSec = Math.floor(remaining) % 60					// 남은 초

함수 선언 종류

• 함수 선언식 vs 함수 표현식
  • 함수 표현식의 익명함수는 호이스팅의 영향을 받지 않는다. 따라서 표현식 사용을 권장한다.
• 함수 선언문
• 함수 표현식
• 화살표 함수

함수이름 function(파라미터){}
const 함수이름 = function(파라미터){}
const 함수이름 = (파라미터) => {}