JS로 함수를 만들고 실행되게 하는 방법

기본형

funtion 함수명() {함수의 내용(명령어)}

function hey() {
	alert('안녕하세요')
}

위는 hey() 라는 함수명을 임의로 지정해서 alert('안녕하세요')라는 알림 메시지가 뜨도록 함수를 지정한 것이다.

어떤 action이 발생했을 때 함수 hey()가 작동되도록 아래와 같이 태그의 속성값으로 지정하면 된다.

<button onclick="hey()" type="button">제출하기</button>

위와 같이 제출하기라는 버튼에 onclick시 hey()가 작동되도록 설정할 수 있다.

 

그런데 JavaScript의 명령어가 길고 어렵다 보니 CSS의 부트스트랩과 같이 미리 만들어 놓은 라이브러리가 존재한다.

이를 잘 활용하면 빠르고 효율적으로 코드를 작성할 수 있다. 이것을 JQuery라 한다.

 

 

출처 : 스파르타코딩클럽