리턴값이 있는 함수

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

리턴값이 있는 함수

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

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

종료되는 경우

//리턴값이 있는 함수(종료)
function func6(){
    document.write("함수가 출력되었습니다.");
    return;
}
func6();

리턴값 + 매개변수

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

평균점수 구하기

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

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

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

이미지 슬라이드

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--;
    img.setAttribute("src","img/pic_"+num+".jpg");
    console.log(num);
});
next.addEventListener("click",function(){
    if(num==8){
        alert("마지막 이미지입니다.")
        return;
    }
    num++;
    img.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: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>

PreviousArguments 함수 Next재귀 함수

Last updated 4 years ago