반응형
*function
- 함수 정의문 ({...}) 안에 작성된 코드는 즉시 실행되지 않고 메모리에 할당되었다가
호출하면 실행
function myFunc() {
alert('asd');
} // 함수를 만들고 쓰진 않은 상태
myFunc(); // 함수를 호출함
값
asd가 적힌 경고창이 뜸
*매개변수
myFunc(3);
//n 매개변수
function myFunc(n) {
alert("함수 실행");
alert("출력값:"+n);
}
값
첫번째 경고창이 뜨고 확인을 누르면
출력값:3이 찍힌 두번째 경고창이 뜸
*return - 반환
var result = myAddFunc(3,4);
function myAddFunc(n1, n2) {
return (n1+n2);
}
alert(result);
값
7var result = mySumFunc(10);
function mySumFunc(n) {
var sum = 0;
for(var i = 1; i <= n; i++) {
sum = sum + 1;
}
return sum;
}
document.write(result);
값
10
*배열 사용
var my_arr = [1, 2, 3];
printArrFunc(my_arr);
function printArrFunc(arr) {
for(var i = 0; i < my_arr.length; i++){
document.write(arr[i],"<br>");
}
}
값
1
2
3
*배경색 바꾸기
// HTML 작성
<body id="theBody">
<button onclick="changeColor();">배경색 바꿈</button>
</body>
// JAVASCRIPT 작성
var color = ["white", "yellow", "aqua", "purple"];
var i = 0;
function changeColor() {
i++
if(i >= color.length) {
i = 0;
}
var bodyTag = document.getElementById("theBody");
bodyTag.style.backgroundColor = color[i];
}
값
버튼을 누르면 배경화면이 배열 순차적으로 바뀐다
*아이디 비번
var rightId = "korea";
var rightPw = "1234";
function login(id,pw) {
if(id == rightId) {
if(pw == rightPw) {
document.write(id + "방문을 환영");
}else {
alert("잘못된 패스워드");
}
} else {
alert("없는 아이디");
}
}
var userId = prompt("아이디를 입력","");
var userPw = prompt("패스워드를 입력","");
login(userId, userPw); //프롬프트에 입력한 값을 담아 함수 호출
값
프롬프트에 순차적으로 korea 와 1234 입력하면 (korea방문을 환영)이 출력
아이디는 맞고 비번 틀릴시 (잘못된 패스워드) 경고창 뜸
아이디가 틀리거나 둘다 틀릴시 (없는 아이디) 경고창 뜸
반응형
'참고 > JAVASCRIPT' 카테고리의 다른 글
| 함수 return (0) | 2020.05.15 |
|---|---|
| 호이스팅 (hoisting) (0) | 2020.05.14 |
| 배열 (Array) (0) | 2020.05.13 |
| 객체 - Date, Math (0) | 2020.05.13 |
| confirm (0) | 2020.05.13 |
댓글