웹개발/Javascript

Javascript - 4

duduranran 2022. 12. 21. 19:31

오늘은 여태까지 배운 것을 복습.

객체를 만들 수 있고, 함수를 만들 수 있다.

* 간단한 계산기를 만들어 보자. 매우 간단하다 부끄럽슴돠.

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
const calculator = {
    add: function(a,b){
        console.log(a+b);
    },
    minus: function(a,b){
        console.log(a-b);
 
    },
    times: function(a,b){
        console.log(a*b);
 
    },
    divide: function(a,b){
        console.log(a/b);
 
    },
    powerOf: function(a,b){
        console.log(a**b);
 
    },
};
 
calculator.add(4,5);
calculator.minus(5,1);
calculator.times(3,4);
calculator.divide(21,3);
calculator.powerOf(2,4);
cs

위와 같이 작성하면 콘솔창에 나오게 된다.

우리는 함수 내부에서 처리한 값을 변수로 받아 사용하고 싶다.

그러기 위해선 return을 사용해야 한다.

아래의 계산기 코드는 return을 사용해 변수에 계산 값을 대입하고 

document.write()를 사용해 화면에 출력한다.

 

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
// #2.11 Returns
const age = 34;
function calculateKrAge(ageOfForeigner){
    return ageOfForeigner+2;
}
 
const koAge = calculateKrAge(age);
document.write("한국식 나이는 : "+koAge+"<br>");
 
const calculator = {
    plus: function(a,b){
        return a+b;
    },
    minus: function(a,b){
        return a-b;
    },
    times: function(a,b){
        return a*b;
    },
    divide: function(a,b){
        return a/b;
    },
    powerOf: function(a,b){
        return a**b;
    },
};
 
const plusResult = calculator.plus(4,5);
document.write(plusResult+"<br>");
 
const minusResult = calculator.minus(5,1);
document.write(minusResult+"<br>");
 
const timesResult = calculator.times(3,4);
document.write(timesResult+"<br>");
 
const divideResult = calculator.divide(21,3);
document.write(divideResult+"<br>");
 
const powerOfResult = calculator.powerOf(2,4);
document.write(powerOfResult+"<br>");
 
 
 
cs

'웹개발 > Javascript' 카테고리의 다른 글

Javascript - 6 - getElementById  (0) 2022.12.23
Javascript - 5  (0) 2022.12.22
Javascript - 3  (0) 2022.12.20
Javascript - 2  (0) 2022.12.19
Javascript - 1  (0) 2022.12.18