리턴값이 있는 함수

return문은 함수에서 결과값을 반환하려고 할 때 사용합니다.

리턴값이 있는 함수

function함수 이름(){ //실행코드; return 리턴값; } let 변수 = 함수명 (); // 함수 호출

function func4(){
    let str = "함수가 실행되었습니다.";
    return str;
}
let value = func4();
document.write(value);

매개변수와 리턴을 사용해서 출력하기 

function func5(num1, num2){
    return num1 + num2;
}
let result = func5(100, 200);
document.write(result);

평균 점수 구하기

function testAvg(arrDate){
    let sum = 0;
    for(let i = 0; i<arrDate.length; i++){
        sum += Number(prompt(arrDate[i] + "점수는?","0"));
    }
    let avg = sum / arrDate.length;
    return avg;
}

let arrSubject = ["국어","수학"];
let result = testAvg(arrSubject);

document.write(result);

이미지 슬라이드 만들기

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div id="galley">
        <img id="img" src="img/pic_1.jpg" alt="이미지1" style="width: 300px;">
        <button class="prev">이전 이미지</button>
        <button class="next">다음 이미지</button>
    </div>
    <script>
        document.getElementById("img").setAttribute("alt","건물 이미지 입니다.");

        //버튼을 클릭하면 경고창 클릭

        let prev = document.querySelector(".prev");
        let next = document.querySelector(".next");
        let image = document.getElementById("img");
        let num = 1;

        prev.addEventListener("click", function(){
            if(num == 1){
                alert("처음 이미지입니다.");
                return;
            }
            num--;
            image.setAttribute("src","img/pic_"+num+".jpg");
            console.log(num);
        });
        next.addEventListener("click", function(){
            if(num == 8){
                alert("마지막 이미지입니다.");
                return;
            }
            num++;
            image.setAttribute("src","img/pic_"+num+".jpg");
            console.log(num);
        });
    </script>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div id="galleryZone">
        <p><img id="photo" src="img/pic_1.jpg" alt="이미지1" style="width:500px"></p>
        <div>
            <button onclick="gallery(0)">이전</button>
            <button onclick="gallery(1)">다음</button>
        </div>
    </div>
    <script>
        let num = 1;
        function gallery(direct){
            if(direct){
                if(num == 8) return;
                num++;
            } else {
                if(num == 1) return;
                num--;
            }
            console.log(num);
            let imgTag = document.getElementById("photo");
            imgTag.setAttribute("src","img/pic_"+num+".jpg");
        }
    </script>
</body>
</html>

리턴값이 있는 함수(종료)

function func6(){
    document.write("함수가 출력되었습니다.6");
    return;
    document.write("함수가 출력되었습니다.7");
}
func6();

// 함수가 출력되었습니다.6만 출력

합 구하기 / 평균 구하기 

let arr1 = [100,200,300,400,500];
function avg(){
for(i=0; i<=arr1.length; i++){
    document.write(arr1[i]);
}
}

let sum = 0;
function avg(){
for(i = 0; i < arr1.length; i++){
    sum = sum + arr1[i];
}
document.write(sum);
}

let sum2 = 0;
for(i = 0; i < arr1.length; i++){
    sum2 = sum2 + arr1[i];
}

let avg2 =  sum2 / arr1.length;
document.write(avg2);
PreviousArguments 함수Next재귀함수

Last updated

Was this helpful?