리턴값이 있는 함수

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

리턴값이 있는 함수

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

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

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

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

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

리턴값 + 매개변수

function func5(num1,num2){

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

//300

평균점수 구하기

let arr1 = [100,200,300,400,500];
let sum2 = 0;
for(let i = 0; i<arr1.length; i++){
    sum2 += arr1[i];
}
let avg2 = sum2 / arr1.length;
document.write(avg2);
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 result = testAvg(arrSubject);

document.write(result);

이미지 슬라이드

<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div id="galleryZone"></div>
    <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>
<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>
<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);
    });

Previousarguments 함수Next재귀함수

Last updated

Was this helpful?