리턴값이 있는 함수

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

리턴값이 있는 함수

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

function func4(){
    let str = "함수를 실행하였습니다.";
    return str;  //return은 결과
}
let value = func4();
document.write(value);

매개변수 + 리턴값

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

리턴값이 있는 함수(결과)

function func5(){
    let str = "함수가 출력되었습니다5.<br>";
    return str;
}
let value = func5();
document.write(value);

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

리턴값이 있는 함수(종)

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

// 함수가 출력되었습니다6.
// 중간에 return 값이 실행하게되면 그뒤에 오는 실행문 무시

평균 구하기

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

let arrSubject = ["국어","수학","영어","과학"];
let resulf = testAvg(arrSubject);

document.write(resulf);

배열 + 함수 + 평균

let arr1 = [100,200,300,400,500];

function avg(){
    //배열안에 있는 데이터값을 출력
    for(let i = 0; i<arr1.length; i++){
        document.write(arr1[i]);  // 100,200,300,400,500
    }
    document.write("<br>");

    //배열안에 있는 데이터값의 합을 출력
    let sum = 0;
    for(let i =0; i<arr1.length; i++){
        sum = sum + arr1[i];
    }
    document.write(sum);  // 1500
    document.write("<br>");

    //배열안에 있는 데이터 값의 평균값(sum2)을 출력 for
    let sum2 = 0;
    for(let i =0; i<arr1.length; i++){
        sum2 += arr1[i];
    }
    let avg2 = sum2 / arr1.length;
    document.write(avg2);  // 300
    document.write("<br>");  
}
avg();

이미지 슬라이드

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);
});
<!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: 1000px;"></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--;
            }

            let imgTag = document.getElementById("photo");
            imgTag.setAttribute("src","img/pic_"+num+".jpg");
        }
    </script>
</body>
</html>

PreviousArguments 함수Next재귀 함수

Last updated

Was this helpful?