Day +9

비트·2023년 4월 21일
0

CodeStates

목록 보기
9/54
post-thumbnail
post-custom-banner

1. 계산기 구현하기

1-1. 기본 계산 기능 구현하기

function calculate(n1, operator, n2) {
   // TODO : n1과 n2를 operator에 따라 계산하는 함수를 만드세요.
  // ex) 입력값이 n1 : '1', operator : '+', n2 : '2' 인 경우, 3이 리턴됩니다.
  let result = 0;
  n1 = Number(n1);
  n2 = Number(n2);

  if (operator === '+') {
      result = n1 + n2;
  } else if (operator === '-') {
      result = n1 - n2;
  } else if (operator === '*') {
      result = n1 * n2;
  } else if (operator === '/') {
      result = n1 / n2;
  }
  console.log(result);
  return String(result);
}

🔥 전체적인 form

  // 버튼을 클릭했을때 동작.
  if (target.matches('button')) {
    // TODO : 계산기가 작동할 수 있도록 아래 코드를 수정하세요. 
    //작성되어 있는 조건문과 console.log를 활용하시면 쉽게 문제를 풀 수 있습니다.

    // 그 버튼이 숫자라면?
    if (action === 'number') {
      
      console.log('숫자 ' + buttonContent + ' 버튼');
    }


    // 그 버튼이 연산자라면? 
    if (action === 'operator') {

      console.log('연산자 ' + buttonContent + ' 버튼');
    }


    // 그 버튼이 소수점이라면?
    if (action === 'decimal') {
      
      console.log('소수점 버튼');
    }


    // 그 버튼이 초기화라면?  
    if (action === 'clear') {

      console.log('초기화 버튼');
    }


    // 버튼을 클릭했을때 동작.
    if (action === 'calculate') {

      console.log('계산 버튼');
    }
  }

1-2. 숫자 입력하기

    // 버튼을 클릭했을때 동작.
    if (action === 'number') {
      
      // 그 버튼이 숫자라면?
      if (firstOperend.textContent === '0') {  // 만약 첫번째칸이 0이라면?
        firstOperend.textContent = event.target.textContent; // 첫번째 칸에 숫자가 들어가기
      } else {
        secondOperend.textContent = event.target.textContent; // 0이 아니라면 두 번째칸에 숫자가 들어가기
      }
      
      console.log('숫자 ' + buttonContent + ' 버튼'); // 콘솔에 잘 작동되는지 확인해보기
    }

1-3. 연산자 입력하기

	// 그 버튼이 연산자라면? 
    if (action === 'operator') {
      operator.textContent = event.target.textContent;

      console.log('연산자 ' + buttonContent + ' 버튼');
    }

1-4. 초기화 입력하기

    // 그 버튼이 초기화라면?  
    if (action === 'clear') {
      firstOperend.textContent = '0';
      secondOperend.textContent = '0';
      operator.textContent = '+';
      calculatedResult.textContent = '0';

      console.log('초기화 버튼');
    }

1-5. 계산 결과 출력하기

	// 버튼을 클릭했을때 동작.
    if (action === 'calculate') {
      calculatedResult.textContent = calculate(firstOperend.textContent, operator.textContent, secondOperend.textContent);
      
      console.log('계산 버튼');
    }
profile
Drop the Bit!
post-custom-banner

0개의 댓글