9일차 계산기 구현하기

김지수·2023년 2월 23일
0

오늘은 새로운 페어와 함께 계산기 구현하기 과제를 했는데..
진짜 페어님 없었으면 울면서 했을것같다!!
오늘 배운점은 코드를 읽을때 뒤에서 부터 읽기!
html,css,js 가 어떤 역할을 하는지 상호관계에 대해서 한번더 집고 넘어갔다

1. 첫번째 자리에 숫자 보이기

if (target.matches('button')) {
if (action === 'number') {
firstOperend.textContent = buttonContent;

2. 두번째 숫자 보이기

 else if (firstOperend.textContent !== '0' ){
  secondOperend.textContent = buttonContent;
}

3. 연산자 입력

if (action === 'operator') {
console.log('연산자 ' + buttonContent + ' 버튼');

  operator.textContent = buttonContent;

}
버튼을 누르면 연산자 입력이 된다.

초기화

if (action === 'clear') {
  console.log('초기화 버튼');
  firstOperend.textContent = '0';
  secondOperend.textContent = '0';
  operator.textContent = '+';
  calculatedResult.textContent = '0';
  
}

처음 화면 그대로 각 이름에 .textcontent 입력 후 원래 자리의 string 입력

계산

if (action === 'calculate') {
  console.log('계산 버튼');
  calculatedResult.textContent = calculate(firstOperend.textContent, operator.textContent,secondOperend.textContent);}

오늘 회고
아직 기본기가 부족하여 페어님이 자세하게 설명해줘도
한번에 알아듣지 못하는거 같다
주말을 이용해서 기본기를 탄탄하게 세워야 할것같다.
포기하지말고 화이팅!

profile
코린이

0개의 댓글