JS의 함수는 기본적으로
fuction 함수명(파라미터1, 파라미터2 ...) {
실행문 ;
}
형식으로 선언합니다. 호출은
함수명(자료1, 자료2, 자료3....);
이런 식이죠.
- 함수선언
function greet1(name) {
alert(name + "님 안녕하세요.");
}
- 함수호출
greet1("dwanGim"); // greet1의 실행조건은 페이지 진입시 실행
간단합니다. 그럼 다른 함수도 선언해볼까요.
function greet2() {
alert("안녕안녕안녕");
}greet2() 함수는 특정버튼을 클릭 시 호출되도록 설정해보겠습니다.
아래에 있는 body태그에 작성해주셔야합니다.
<body>
<button onclick="greet2();"> 버튼</button>
</body>버튼을 누르면 안녕안녕안녕이 알람으로 뜨게되었습니다. 그럼 3번째 함수로
별찍기를 다시 해보겠습니다.
function greet3() {
var value = prompt("안녕하세요 아무 숫자나 적어보세요.");
console.log(value);
for (var i = 1; i <= value; i++){
for(var j = 0; j<i; j++) {
document.write("*");
}
document.write("<br/>");
}
}<body>
<!-- 특정요소에속성은
해당요소가 클릭되었을 때 연결된 구문을 실행합니다.
현재 아래 버튼을 클릭할 경우 greet2(); 구문을 실행해
greet2() 함수를 호출합니다.-->
<button onclick="greet2();"> 버튼</button>
<button onclick="greet3();">별찍기</button>
</body>
여기까지 입니다.
배울 게 참 많네요.