01. 함수 선언하고 호출하는 문제 I

728x90

01. 함수 선언하고 호출하는 문제 I

다음 결과 화면을 참고하여 조건에 맞게 웹 문서를 작성하세요.

 

1. 함수 선언은 function sumMulti(x, y)로 한다.

2. 콘솔 창에 표시할 때 console.log( )를 사용한다.

3. sumMulti( ) 함수는 사용자에게 입력받은 두 수의 값이 같으면 두 수를 곱하고, 다르면 더하는 함수이다.

4. 두 수의 값으로 5, 10을 실행할 때, 10, 10을 실행할 때의 결과를 콘솔 창에 표시한다.

 

<!DOCTYPE html>
<html lang="ko">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>JAVA SCRIPT 문제 1</title>
  </head>
  <body>
    <script>
      
      // 코드를 작성하세요
      
    </script>
  </body>
</html>

결과 화면

edited_blob


A. 해설

1. 함수 선언은 function sumMulti(x, y)로 한다.

2. 콘솔 창에 표시할 때 console.log( )를 사용한다.

3. sumMulti( ) 함수는 사용자에게 입력받은 두 수의 값이 같으면 두 수를 곱하고, 다르면 더하는 함수이다.

--> if ~ else 문을 사용해 입력받은 두 수의 값을 비교한다.

4. 두 수의 값으로 5, 10을 실행할 때, 10, 10을 실행할 때의 결과를 콘솔 창에 표시한다.

--> consle.log 로 함수 sumMulti(5, 10) 과 sumMulti(10, 10) 를 콘솔 창에 표시한다.

 

<!DOCTYPE html>
<html lang="ko">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>JAVA SCRIPT 문제 1</title>
  </head>
  <body>
    <script>
      function sumMulti(x, y) {
        if (x === y) return x * y;
        else return x + y;
      }
      console.log(sumMulti(5, 10));
      console.log(sumMulti(10, 10));
    </script>
  </body>
</html>

 

 

 

 

 

 

 

 

출처 | Do it! HTML+CSS+자바스크립트 웹 표준의 정석(고경희)

728x90