TIL 210224

1. 계산기를 만들어보았다.

cal

2. docuement.querySelector 를 활용하여 웹페이지의 특정 엘리먼트를 선택할 수 있다.

3. textContent를 활용하여 선택한 엘리먼트의 content를 조회, 고칠 수 있다.

4. 사칙연산을 하는 함수. 입력받은 문자열’숫자’를 숫자로 바꾸는 과정이 꼭 필요했다.

 function calculate(n1, operator, n2) {
  let result = 0;
//*  입력받은 문자열'숫자'를 숫자로 변경해주기*//
  let num1 = Number(n1)
  let num2 = Number(n2)

  if(operator ==='+'){
    result=num1+num2
  }
  if(operator ==='-'){
    result=num1-num2
  }
  if(operator ==='*'){
    result=num1*num2
  }
  if(operator ==='/'){
    result=num1/num2
  }
  return String(result);
}

5. document.querySelector로 calculator-operend–left 엘리먼트와, 그 자식 엘리먼트 정보를 가져온다.

const firstOperend = document.querySelector('.calculator__operend--left');

6. 처음에 입력받는 숫자가 첫번쨰 칸, 그 다음에 입력받은 숫자가 그 다음칸에 오도록 한다.

  if (action === 'number') {
      if(firstOperend.textContent==='0') {
        firstOperend.textContent = buttonContent
      }

7. 계산 버튼 눌렀을때 입력받는 operator 와 첫번째 두번째 입력받는 숫자를 4번 함수에 인자로 넣어주기.

if (action === 'calculate') {
      calculatedResult.textContent = calculate(firstOperend.textContent, operator.textContent, secondOperend.textContent)

Updated: