리턴값이 있는 함수

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 4 years ago

Was this helpful?

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>

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);